@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Noto+Sans+JP:wght@400;450;500;550;600;650;700;750;800&display=swap";:root{font-family:DM Sans,Noto Sans JP,sans-serif;color:#e6e9e7;background:#101212;font-synthesis:none;font-weight:400;--mint: #b1f5d5;--muted: #828b86;--border: #2a302d;--sidebar: 264px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button{border:0;background:none}button:disabled,input:disabled{opacity:.3;cursor:not-allowed}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--mint);outline-offset:5px}button{transition:background .2s,color .2s,border-color .2s}svg{width:18px;height:18px;flex-shrink:0;vertical-align:middle}button svg{pointer-events:none}[hidden]{display:none!important}.sidebar{width:var(--sidebar);height:100dvh;position:fixed;left:0;top:0;z-index:20;background:#151817;border-right:1px solid var(--border);padding:34px 20px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;margin-left:9px;width:fit-content;font-size:22px;line-height:1.02;font-weight:700;letter-spacing:1.7px}.brand-mark{color:var(--mint)}.brand-mark svg{width:39px;height:39px;stroke-width:1.2}.brand-second{display:block}.brand-dot{color:var(--mint)}.sidebar-caption{font-size:10px;color:#9ca69e;letter-spacing:1px;margin:20px 0 39px 11px}.nav-label{font-size:10px;color:#7c8780;letter-spacing:1.7px;margin:0 13px 13px;display:flex;justify-content:space-between}.nav-label span{letter-spacing:0;color:#9ba59f}.nav-item{display:flex;gap:11px;align-items:center;padding:13px 12px;width:100%;border-radius:5px;text-align:left;color:#a0aaa4;font-size:11px;min-height:43px;margin:3px 0}.nav-item>svg{width:16px;height:16px}.nav-item span{flex:1;white-space:nowrap}.nav-item small{font-size:10px;color:#67756d}.nav-item:hover{background:#202723;color:#e0e9e2}.nav-item.active{background:#263d32;color:#c1f7d9}.nav-item.active small{color:#a6d5b9}.subnav{margin-left:25px;border-left:1px solid #3b4c42;padding:4px 0 4px 14px}.subnav button{font-size:10px;display:block;padding:8px 5px;color:#89988e}.subnav button.active,.subnav button:hover{color:var(--mint)}.nav-divider{height:1px;background:var(--border);margin:23px 12px 15px}.sidebar-bottom{margin-top:auto;padding-top:24px}.mini-guide{border:1px solid #354038;border-radius:7px;padding:17px 14px;background:linear-gradient(140deg,#202a24,#191e1b)}.mini-guide>svg{color:var(--mint);width:19px;height:19px;display:block;margin-bottom:12px}.mini-guide strong{font-size:11px;letter-spacing:.3px;font-weight:500}.mini-guide p{font-size:10px;line-height:1.9;color:#97a29b;margin:8px 0 15px}.mini-guide button{width:100%;padding:10px 0 0;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #354038;font-size:10px;color:#d0dcd3}.mini-guide button svg{width:13px;height:13px}.sidebar-footer{font-size:10px;color:#6d7971;display:flex;align-items:center;gap:6px;margin-top:22px;letter-spacing:.3px}.sidebar-footer>span:last-child{margin-left:auto}.status-dot{display:inline-block;width:5px;height:5px;background:var(--mint);border-radius:50%;flex-shrink:0}.sidebar-footer .status-dot{background:#7a9e84}main{margin-left:var(--sidebar)}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding:0 44px}.breadcrumb{display:flex;align-items:center;gap:16px;font-size:11px;color:#b1b9b4}.breadcrumb>span:first-of-type{color:#747f78}.breadcrumb svg{width:12px;color:#68736b}.built-with{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:1.2px;color:#a9b5ad}.built-with>span:last-child{margin-left:11px;font-size:10px;letter-spacing:.2px;color:#6f7c73}.built-with svg{width:11px;height:11px}.mobile-menu{display:none}.main-content{max-width:1530px;margin:auto;padding:0 44px}.hero{display:grid;grid-template-columns:1.1fr 1fr;min-height:333px;align-items:center;border-bottom:1px solid var(--border);position:relative}.hero-copy{padding:39px 0 32px;z-index:1}.eyebrow{font-size:10px;letter-spacing:1.8px;color:var(--mint);display:flex;align-items:center;gap:8px}.eyebrow>span{display:inline-block;width:5px;height:5px;background:var(--mint);border-radius:50%}h1{font-size:44px;line-height:1.4;font-weight:650;letter-spacing:1px;margin:18px 0 17px}h1>span{color:var(--mint)}.hero-copy>p{font-size:11px;line-height:2.1;letter-spacing:.35px;color:#9aa59e;margin:0}.hero-meta{display:flex;align-items:center;gap:15px;margin-top:24px;color:#d5dfd7}.hero-meta>span{display:flex;gap:7px;align-items:baseline;font-size:13px}.hero-meta small{font-size:10px;color:#818e85;letter-spacing:1px}.hero-meta>span:last-child{align-items:center;gap:5px}.hero-meta>span:last-child small{font-size:10px;letter-spacing:.3px}.hero-meta svg{width:10px;height:10px;color:var(--mint)}.hero-meta>b{width:1px;height:10px;background:#3a443d}.hero-art{height:290px;position:relative;overflow:hidden;background:radial-gradient(ellipse at center,#1b302724,transparent 68%);margin:20px -8px 0 0}.hero-art canvas{width:100%;height:100%;display:block;position:relative}.art-grid{position:absolute;inset:20px 4px 22px;background-image:linear-gradient(#97c5a708 1px,transparent 1px),linear-gradient(90deg,#97c5a708 1px,transparent 1px);background-size:39px 39px;-webkit-mask-image:radial-gradient(ellipse,#000,transparent 76%);mask-image:radial-gradient(ellipse,#000,transparent 76%)}.art-label{display:flex;gap:7px;align-items:center;position:absolute;bottom:6px;left:35px;right:21px;font-size:10px;color:#a0b6aa;letter-spacing:1px}.art-label>span:last-child{margin-left:auto;color:#5a6c61;font-size:10px}.art-label .status-dot{width:4px;height:4px}.art-coordinate{position:absolute;right:15px;top:20px;font:10px monospace;color:#617a6b}.art-corner{position:absolute;width:15px;height:15px;border-color:#57746166;border-style:solid}.top-left{top:20px;left:28px;border-width:1px 0 0 1px}.bottom-right{right:15px;bottom:25px;border-width:0 1px 1px 0}.discovery{margin-top:28px}.search-box{height:51px;border:1px solid #354039;border-radius:6px;display:flex;gap:13px;align-items:center;padding:0 16px;background:#191e1b;transition:border-color .2s}.search-box:focus-within{border-color:#8dd3ac}.search-box>svg{width:18px;color:#a5b6a9}.search-box input{width:100%;border:0;outline:none;background:none;color:#e6f0e9;font-size:12px}.search-box input::placeholder{color:#7f8b82;font-size:11px}.search-box kbd{font:11px monospace;border:1px solid #3b453e;border-radius:3px;padding:2px 6px;color:#79877d}.search-box button{padding:0;color:#86968b}.search-box button svg{width:15px}.mood-row{display:flex;align-items:center;gap:8px;margin-top:14px;flex-wrap:wrap}.mood-row>span{font-size:10px;color:#7d8980;margin-right:6px}.mood-row button{font-size:10px;color:#a8b5ad;border:1px solid #303b33;border-radius:20px;padding:6px 13px;letter-spacing:.2px}.mood-row button:hover,.mood-row button.active{border-color:#84ba9d;background:#263d31;color:var(--mint)}.catalog{margin-top:38px;scroll-margin-top:25px}.catalog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;gap:12px}.section-eyebrow{font-size:10px;letter-spacing:1.5px;color:#6e7e73;margin-bottom:9px}h2{font-size:19px;letter-spacing:.5px;margin:0;font-weight:550}h2>span{font-size:10px;display:inline-flex;align-items:center;justify-content:center;background:#27342c;border:1px solid #364a3e;color:#b5d8c3;min-width:26px;height:21px;border-radius:4px;vertical-align:middle;margin-left:10px;letter-spacing:0}.catalog-tools{display:flex;align-items:center;gap:17px;margin-top:16px}.beginner{display:flex;align-items:center;gap:7px;font-size:10px;color:#99a69c;white-space:nowrap;cursor:pointer}.beginner input{accent-color:var(--mint);width:12px;height:12px;margin:0}.tool-separator{height:14px;width:1px;background:var(--border)}.sort-label{position:relative;display:flex;gap:10px;align-items:center}.sort-label select{appearance:none;background:transparent;border:0;color:#b9c3bc;padding-right:18px;font-size:10px;cursor:pointer}.sort-label option{background:#1d251f}.sort-label svg{position:absolute;right:0;pointer-events:none;width:12px;height:12px}.view-toggle{display:flex;background:#181e1a;border:1px solid #303a33;border-radius:5px;padding:3px;gap:3px}.view-toggle button{width:26px;height:25px;color:#6f7e74;padding:4px}.view-toggle button svg{width:14px;height:14px}.view-toggle button.active{background:#34453b;color:#d4eddd;border-radius:3px}#active-filters:empty{display:none}#active-filters{display:flex;align-items:center;gap:20px;font-size:10px;color:#a9bcaf;margin:-5px 0 20px}#active-filters button{font-size:10px;color:var(--mint);display:flex;align-items:center;gap:5px}#active-filters svg{width:11px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 20px}.tech-card{border:1px solid #2d3730;border-radius:7px;overflow:hidden;background:#181d19;transition:transform .25s,border-color .25s;min-width:0}.tech-card:hover{border-color:#668273;transform:translateY(-3px)}.preview{position:relative;aspect-ratio:1.82;background:#0e1514;overflow:hidden;border-bottom:1px solid #2b3830}.preview-open{display:block;width:100%;height:100%;padding:0;position:relative}.preview canvas{display:block;width:100%;height:100%}.preview-index{position:absolute;top:13px;left:13px;font:10px monospace;color:#798d7e;letter-spacing:1px}.preview-live{position:absolute;bottom:12px;left:13px;display:flex;gap:5px;align-items:center;font-size:10px;letter-spacing:1.1px;color:#93a89a;opacity:.8}.preview-live>span{background:#9fd7b6;width:3px;height:3px;border-radius:50%}.preview-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:38px;height:38px;display:grid;place-items:center;border-radius:50%;border:1px solid #d7ffe650;background:#142d2399;opacity:0;transition:opacity .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.preview-play svg{width:14px}.tech-card:hover .preview-play,.preview-open:focus-visible .preview-play{opacity:1}.save-button{position:absolute;right:10px;top:9px;display:grid;place-items:center;width:27px;height:28px;color:#91a197;border-radius:4px;background:#15221b40}.save-button svg{width:14px;height:14px}.save-button:hover{background:#334e3e;color:var(--mint)}.is-saved{color:var(--mint)!important}.is-saved svg{fill:#b1f5d52b}.card-body{padding:16px 16px 13px}.card-meta{display:flex;justify-content:space-between;align-items:center;gap:5px}.category-label{font-size:10px;letter-spacing:.3px;color:#9ac8ae}.cat-graphic{color:#bea9dc}.cat-camera{color:#a4c4dd}.cat-motion{color:#ddc399}.cat-transition{color:#c1b5df}.cat-color{color:#daa6b0}.level{display:flex;gap:2px;align-items:center;font-size:10px;color:#88998c;white-space:nowrap}.level>b{display:block;width:3px;height:6px;background:#9ebea7;border-radius:1px}.level>b:nth-child(2){height:9px}.level>b:nth-child(3){height:12px;margin-right:4px}.level>b.dim{background:#3a473d}.card-title{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;padding:13px 0 0;gap:6px}.card-title h3{font-size:15px;font-weight:550;letter-spacing:.2px;margin:0;line-height:1.5}.card-title svg{color:#6f8776;width:14px;height:14px}.english{font-size:10px;color:#819489;letter-spacing:.3px;margin-top:4px}.card-body>p{font-size:10px;line-height:1.9;color:#9aa79f;min-height:38px;margin:13px 0 14px}.card-tags{display:flex;gap:11px;border-top:1px solid #2b362e;padding-top:10px}.card-tags button{padding:0;font-size:10px;color:#738b7a}.card-tags button:hover{color:var(--mint)}.collection-end{display:flex;align-items:center;justify-content:center;gap:18px;margin:42px 0}.collection-end>span{width:44px;height:1px;background:#354139}.collection-end p{font-size:10px;color:#687d6e;letter-spacing:.8px}.main-footer{display:flex;justify-content:space-between;align-items:center;padding:23px 0 28px;border-top:1px solid var(--border);gap:18px;color:#819287;font-size:10px;letter-spacing:1px}.main-footer small{font-size:10px;color:#5e7466;margin-left:13px;letter-spacing:.3px}.mint{color:var(--mint)}.main-footer>span:last-child{font-size:10px;letter-spacing:1px;color:#5e7466}.main-footer button{font-size:10px;color:#8fa496;display:flex;gap:6px;align-items:center}.main-footer button svg{width:11px;height:11px}#empty{text-align:center;padding:65px 20px}#empty>svg{width:30px;height:30px;color:#809e8a}#empty h3{font-size:16px;font-weight:500}#empty p{font-size:11px;color:#8b9e92;margin:15px 0 25px}.primary-button{background:var(--mint);color:#173425;border:1px solid var(--mint);padding:12px 20px;border-radius:5px;font-size:11px;display:inline-flex;align-items:center;justify-content:center;gap:20px}.primary-button:hover{background:#cefbe4}.list-view{grid-template-columns:1fr}.list-view .tech-card{display:grid;grid-template-columns:240px 1fr}.list-view .preview{aspect-ratio:auto;border-bottom:0;border-right:1px solid var(--border);min-height:185px}.list-view .card-body{padding:16px 24px}.list-view .card-body>p{min-height:0}.modal-open{overflow:hidden}dialog{color:#e3ebe5;background:#171e19;border:1px solid #415348;border-radius:12px;padding:0;width:min(760px,calc(100% - 40px));max-height:90dvh;box-shadow:0 30px 150px #000b}dialog::backdrop{background:#080e0bbb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.detail-topline{display:flex;align-items:center;justify-content:space-between;padding:15px 22px;font-size:10px;color:#a6b9ad}.detail-topline>span{display:flex;gap:10px;align-items:center}.detail-topline svg{width:12px;height:12px}.dialog-close{display:grid;place-items:center;width:29px;height:29px;border-radius:4px;color:#b0c2b5}.dialog-close:hover{background:#34493a}.dialog-close svg{width:18px;height:18px}.detail-visual{height:300px;position:relative;background:#101713}.detail-visual canvas{width:100%;height:100%;display:block}.detail-visual-label{position:absolute;left:20px;right:20px;bottom:15px;display:flex;align-items:center;gap:7px;font-size:10px;letter-spacing:1px;color:#819e8a}.detail-visual-label>span:last-child{margin-left:auto}.playback{padding:13px 22px;display:flex;align-items:center;gap:22px;border-bottom:1px solid #344438;background:#1e2a22}.playback>button{color:#acc4b3;display:grid;place-items:center}.playback>button:last-child{margin-left:auto}.playback svg{width:15px;height:15px}.playback label{display:flex;align-items:center;gap:9px;font-size:10px;color:#9fb4a6}.playback input{width:95px;accent-color:var(--mint);height:3px}.playback output{width:29px;font-size:10px}.detail-content{padding:27px 30px}.detail-title-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.detail-title-row .eyebrow{font-size:10px;margin-bottom:12px}.detail-title-row h2{font-size:25px;line-height:1.5}.detail-title-row .english{font-size:12px;margin-top:6px}.outline-button{display:flex;align-items:center;gap:7px;padding:9px 13px;border:1px solid #47604e;border-radius:4px;font-size:10px;white-space:nowrap}.outline-button svg{width:13px;height:13px}.detail-description{font-size:13px;line-height:2;color:#bacac0;margin:22px 0 13px}.detail-tags{display:flex;gap:15px;font-size:10px;color:#7ea78b;flex-wrap:wrap}.prompt-box{margin-top:26px;background:#222e25;border:1px solid #3d5344;border-radius:6px;padding:17px 19px}.prompt-header{display:flex;align-items:center;justify-content:space-between}.prompt-header h3{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:500;color:var(--mint);margin:0}.prompt-header svg{width:14px;height:14px}.prompt-header button{display:flex;gap:7px;align-items:center;padding:7px 10px;border:1px solid #4b6853;border-radius:4px;font-size:10px;color:#c0e3cb;background:#2b4032}.prompt-box>p{font-size:12px;line-height:2;color:#bdcfc2;margin:14px 0 0}.tip{display:flex;align-items:start;gap:9px;font-size:10px;line-height:1.9;color:#8da695;margin:18px 0 25px}.tip svg{width:14px;height:14px;margin-top:3px}.related{border-top:1px solid #344438;padding-top:20px;display:flex;align-items:center;gap:15px;flex-wrap:wrap}.related>span{font-size:10px;color:#7f9c88}.related button{display:flex;gap:5px;align-items:center;font-size:10px;color:#b7d5c1;padding:0}.related svg{width:12px;height:12px}.guide-dialog{padding:40px;max-width:580px}.guide-dialog>.dialog-close{position:absolute;right:17px;top:17px}.guide-dialog h2{font-size:25px;margin-top:16px}.guide-intro{font-size:12px;color:#a0b2a5;line-height:1.9}.guide-dialog ol{list-style:none;padding:0;display:flex;flex-direction:column;gap:25px;margin:32px 0}.guide-dialog li{display:flex;gap:20px}.guide-dialog li>span{font-size:12px;color:var(--mint);padding-top:2px}.guide-dialog h3{font-size:13px;margin:0 0 8px;font-weight:500}.guide-dialog li p{font-size:11px;line-height:1.9;color:#92a69a;margin:0}.guide-note{display:flex;align-items:start;gap:9px;font-size:10px;line-height:1.9;color:#809c88;background:#243129;padding:14px;border-radius:4px;margin-bottom:25px}.guide-note svg{width:14px;height:14px;margin-top:2px}.guide-dialog>.primary-button{width:100%}#toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,15px);padding:13px 25px;border:1px solid #639a77;background:#263e2f;color:#d1f6de;border-radius:7px;box-shadow:0 8px 30px #0008;font-size:12px;z-index:100;opacity:0;pointer-events:none;transition:.2s;white-space:nowrap}#toast.show{opacity:1;transform:translate(-50%)}@media(min-width:1600px){.main-content,.topbar{padding:0 65px}.hero{min-height:390px}.hero-art{height:345px}h1{font-size:51px}.hero-copy>p{font-size:13px}.card-title h3{font-size:17px}.card-body>p{font-size:12px;min-height:46px}.card-body{padding:20px}.category-label,.level,.card-tags button{font-size:10px}}@media(max-width:1180px){:root{--sidebar: 250px}.sidebar{padding:28px 15px 16px}.main-content,.topbar{padding:0 30px}.hero{grid-template-columns:1.2fr 1fr}.hero-art{margin-right:-22px}h1{font-size:38px}.hero-meta{gap:9px}.hero-meta small{font-size:10px}.hero-meta>span:last-child small{font-size:10px}.built-with>span:last-child{display:none}.cards{gap:18px 15px}.card-body{padding:14px 13px}.card-title h3{font-size:13px}.card-body>p{font-size:10px;min-height:51px}.category-label{font-size:10px}.catalog-tools{gap:10px}.main-footer>span:last-child{display:none}}@media(max-width:950px){:root{--sidebar: 244px}.nav-item{gap:8px;font-size:10px;padding:12px 9px}.sidebar{padding-left:11px;padding-right:11px}.brand{font-size:20px;gap:10px}.brand-mark svg{width:33px}.hero{grid-template-columns:1.3fr 1fr}.hero-art{height:250px;margin-right:-30px;margin-left:-30px}.hero-meta>span:last-child{display:none}h1{font-size:35px}.hero-copy>p{font-size:10px}.art-label{left:15px}.art-label>span:last-child{display:none}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.card-body>p{font-size:10px;min-height:38px}.card-title h3{font-size:14px}.catalog-heading{align-items:flex-start;flex-direction:column;gap:12px}.catalog-tools{margin-top:0;width:100%;justify-content:flex-end}.catalog-tools .beginner{margin-right:auto}.catalog{margin-top:30px}.main-content,.topbar{padding:0 25px}.main-footer small{display:none}.mood-row{gap:7px}.mood-row button{padding:5px 10px}.mood-row>span{width:100%;margin-bottom:3px}.list-view .tech-card{grid-template-columns:175px 1fr}.list-view .card-body{padding:14px}.list-view .card-body>p{font-size:10px}.list-view .preview{min-height:180px}}@media(max-width:700px){:root{--sidebar: 264px}.sidebar{transform:translate(-100%);transition:transform .25s;padding:30px 20px}.nav-open .sidebar{transform:translate(0)}.scrim{display:none;position:fixed;inset:0;z-index:15;background:#0009;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.nav-open .scrim{display:block!important}main{margin-left:0}.mobile-menu{display:grid;place-items:center;padding:0}.breadcrumb{gap:11px;font-size:10px}.breadcrumb>.mobile-menu svg{width:18px;height:18px;color:#b9d2c3}.topbar{height:59px;padding:0 22px}.built-with{font-size:10px;letter-spacing:.5px;gap:5px}.built-with .status-dot{width:4px;height:4px}.main-content{padding:0 22px}.hero{min-height:304px;grid-template-columns:1.2fr 1fr}.hero-copy{padding:30px 0}.eyebrow{font-size:10px;letter-spacing:1.2px}h1{font-size:34px;letter-spacing:0;margin:18px 0 14px}.hero-copy>p{font-size:10px;line-height:2}.hero-art{height:230px;margin-left:-35px;margin-right:-20px}.hero-meta{margin-top:22px;gap:12px}.hero-meta small{font-size:10px}.hero-meta>span{font-size:11px}.art-label{font-size:10px;bottom:8px}.art-coordinate{font-size:10px;top:30px}.top-left{top:30px;left:13px}.bottom-right{bottom:23px;right:5px}.discovery{margin-top:23px}.search-box{height:49px;padding:0 12px;gap:10px}.search-box input::placeholder{font-size:10px}.search-box>svg{width:16px}.search-box kbd{display:none}.mood-row{margin-top:14px;gap:7px}.mood-row>span{font-size:10px}.mood-row button{font-size:10px;padding:6px 10px}.catalog{margin-top:30px}.catalog-heading{gap:17px;margin-bottom:18px}.section-eyebrow{font-size:10px}.catalog h2{font-size:17px}.catalog-tools{gap:13px}.cards{gap:15px 12px}.preview{aspect-ratio:1.5}.card-body{padding:12px 11px}.card-title{padding-top:10px}.card-title h3{font-size:12px;line-height:1.6}.card-title svg{width:11px;height:11px}.english{font-size:10px;line-height:1.5;min-height:12px}.card-body>p{font-size:10px;line-height:1.9;min-height:51px;margin:10px 0}.category-label{font-size:10px;letter-spacing:0}.level{font-size:10px;gap:1px}.level>b{width:2px;height:4px}.level>b:nth-child(2){height:6px}.level>b:nth-child(3){height:8px;margin-right:3px}.card-tags{gap:7px;flex-wrap:wrap;padding-top:9px}.card-tags button{font-size:10px}.save-button{right:6px;top:6px;width:23px;height:23px}.save-button svg{width:12px}.preview-index{font-size:10px;top:11px;left:10px}.preview-live{left:10px;bottom:10px;font-size:10px}.main-footer{font-size:10px;padding-top:20px}.collection-end p{font-size:10px}.collection-end{gap:12px}.collection-end>span{width:25px}.list-view .tech-card{grid-template-columns:115px 1fr}.list-view .preview{min-height:185px}.list-view .card-body{padding:12px}.list-view .card-title h3{font-size:13px}.list-view .card-body>p{font-size:10px;min-height:0}.list-view .category-label{font-size:10px}.list-view .card-meta{gap:8px}.detail-visual{height:235px}.detail-content{padding:23px 20px}.detail-title-row h2{font-size:21px}.detail-title-row{align-items:flex-start}.detail-title-row .outline-button{padding:8px;font-size:10px;margin-top:23px}.detail-description{font-size:12px}.playback{padding:13px;gap:12px}.playback input{width:67px}.playback label{gap:6px;font-size:10px}.playback output{font-size:10px;width:24px}.prompt-box{padding:15px}.prompt-box>p{font-size:11px}.guide-dialog{padding:33px 24px}.guide-dialog h2{font-size:22px}.guide-intro{font-size:11px}.guide-dialog li{gap:14px}.guide-dialog h3{font-size:12px}.related{gap:13px}.related>span{width:100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.fallback{position:absolute;inset:0;display:grid;place-content:center;color:#94b9a2;font-size:11px;line-height:2;text-align:center;background:radial-gradient(ellipse,#263e31,#101b15)}.sidebar{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#405346 transparent}.sidebar-bottom{flex-shrink:0}@media(max-width:700px){.hero{display:block;min-height:310px;overflow:hidden}.hero-copy{position:relative;padding:30px 0;pointer-events:none}.hero h1{font-size:32px;white-space:nowrap;line-height:1.5}.hero-copy>p{font-size:10px;position:relative;max-width:100%;margin-top:18px}.hero-art{position:absolute;width:176px;height:205px;right:-27px;top:46px;margin:0;opacity:.82;z-index:0}.hero-art .art-label,.hero-art .art-coordinate,.hero-art .art-corner{display:none}.hero-meta{position:relative;margin-top:22px}.hero-meta small{font-size:10px}.card-title h3{font-size:13px}.card-body>p{font-size:10px;min-height:57px}.category-label,.card-tags button,.english,.mood-row button,.main-footer button{font-size:10px}}.playback label{white-space:nowrap}.playback label input{min-width:0}.playback output{flex-shrink:0}@media(max-width:700px){.hero-art{top:20px;height:150px;width:160px;right:-17px}.playback{gap:10px}.playback label{gap:5px}.playback input{width:60px}.playback output{width:25px}}body{font-size:14px}.sidebar-caption,.nav-label,.sidebar-footer,.eyebrow,.section-eyebrow,.art-label,.art-label>span:last-child,.art-coordinate,.preview-index,.preview-live,.hero-meta small{font-size:10px}.nav-item,.nav-item small,.subnav button,.mini-guide strong,.mini-guide p,.mini-guide button,.breadcrumb,.search-box input,.search-box input::placeholder,.mood-row>span,.mood-row button,.beginner,.sort-label select,.category-label,.level,.english,.card-tags button,.main-footer,.main-footer button,#active-filters,#active-filters button{font-size:12px}.nav-item span{white-space:normal;line-height:1.6}.hero-copy>p,.card-body>p,.detail-description,.prompt-box>p,.guide-intro,.guide-dialog li p{font-size:14px;line-height:1.9}.hero-meta>span:last-child small{font-size:11px}.card-title h3{font-size:17px}.card-body>p{min-height:80px}.card-meta{flex-wrap:wrap;gap:8px}.card-body{padding:18px}.card-tags{gap:12px;flex-wrap:wrap}.catalog-heading{flex-wrap:wrap}.catalog-tools{margin-top:0}.outline-button,.primary-button,.detail-topline,.prompt-header h3,.prompt-header button,.tip,.related>span,.related button,.guide-note,.guide-dialog h3,.detail-tags,#empty p{font-size:12px}.detail-tags{gap:12px}#prompt-text{white-space:pre-line}.prompt-modes{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}.prompt-modes button{border:1px solid #526957;color:#a7c3b0;border-radius:4px;padding:8px 12px;font-size:12px}.prompt-modes button.active{background:#b1f5d5;border-color:#b1f5d5;color:#163726}.prompt-mode-help{font-size:12px!important;color:#95b49f!important}.playback{flex-wrap:wrap;gap:16px}.playback label{flex-wrap:nowrap;font-size:12px;gap:10px}.playback label input{width:90px}.playback output{width:38px;font-size:12px}.playback>button:last-child{margin-left:0}.playback button{min-height:30px}.playback .compare-button{border:1px solid #53715b;border-radius:4px;padding:6px 12px;font-size:12px;margin-left:auto;white-space:nowrap}.playback .compare-button[aria-pressed=true]{color:#152f20;background:var(--mint)}.effect-state{margin:0;padding:10px 22px;color:#a2b7a8;background:#1b261f;font-size:12px;line-height:1.7;border-bottom:1px solid #344438}.builder-panel{margin:5px 0 28px;padding:25px;background:#1d2b22;border:1px solid #425f4b;border-radius:8px}.builder-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.builder-header h3{font-size:20px;margin:12px 0 0;font-weight:550;line-height:1.6}.builder-header>svg{color:var(--mint);width:24px;height:24px}.builder-panel>p{font-size:13px;line-height:1.9;color:#a9c1b1;margin:14px 0 20px}.builder-selection-tools{display:flex;gap:16px;align-items:center;flex-wrap:wrap;font-size:12px;color:#a7c9b2}.builder-selection-tools>span{margin-right:auto}.builder-selection-tools button{font-size:12px;padding:6px 0;text-decoration:underline;text-underline-offset:4px}.builder-choices{margin:16px 0 22px;padding:14px;border:1px solid #425d4a;display:flex;flex-wrap:wrap;gap:12px 18px;border-radius:5px}.builder-choices legend{font-size:12px;color:#b2cfbb;padding:0 7px}.builder-choices label{display:flex;align-items:center;gap:8px;font-size:13px;line-height:1.6;cursor:pointer}.builder-choices input{accent-color:var(--mint);width:15px;height:15px;flex-shrink:0}.builder-fields{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:15px}.builder-fields label,.builder-brief,.builder-result{display:flex;flex-direction:column;gap:10px;font-size:12px;color:#b0c7b8}.builder-fields input,.builder-fields select,.builder-panel textarea{width:100%;border:1px solid #486350;border-radius:4px;padding:11px 12px;color:#d4e5da;background:#142019;font:inherit;font-size:13px;min-width:0}.builder-panel textarea{line-height:1.9;resize:vertical}.builder-panel textarea::placeholder,.builder-fields input::placeholder{color:#789383}.builder-brief,.builder-result{margin-top:18px}.builder-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:18px}.builder-bottom>p{font-size:12px;color:#90ad9a;line-height:1.8;margin:0}.builder-bottom>button{flex-shrink:0}.builder-empty{font-size:14px;line-height:1.8;padding:20px 0 5px;color:#b1d3bd}@media(max-width:1180px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-heading{align-items:flex-start;flex-direction:column}.catalog-tools{width:100%;justify-content:flex-end}.catalog-tools .beginner{margin-right:auto}}@media(max-width:950px){.hero{grid-template-columns:1fr}.hero-copy{position:relative;z-index:1}.hero-art{position:absolute;top:36px;right:0;width:42%;height:185px;margin:0;opacity:.7}.hero-copy>p{max-width:100%}.hero-art .art-label,.hero-art .art-coordinate,.hero-art .art-corner{display:none}.hero-copy h1{font-size:35px}.builder-fields{grid-template-columns:1fr}.builder-bottom{align-items:stretch;flex-direction:column;gap:14px}.list-view .tech-card{grid-template-columns:150px 1fr}.list-view .card-body>p{font-size:14px}}@media(max-width:700px){.hero{min-height:345px}.hero-copy>p{font-size:13px}.hero-art{top:15px;right:-17px;width:160px;height:150px}.hero-copy h1{font-size:32px}.hero-meta{gap:12px}.hero-meta small{font-size:10px}.mood-row{gap:9px}.mood-row button{padding:7px 12px}.breadcrumb{font-size:12px}.card-title h3{font-size:17px}.card-body>p{font-size:14px}.card-body{padding:18px}.category-label,.level,.english,.card-tags button{font-size:12px}.detail-title-row h2{font-size:22px}.detail-title-row .outline-button{font-size:12px;padding:9px 11px}.detail-title-row{flex-wrap:wrap}.detail-title-row .outline-button{margin-top:0}.detail-content{padding:24px 20px}.playback{gap:14px;padding:14px}.playback label{font-size:12px}.playback .parameter-control{order:3;width:100%}.playback .parameter-control input{flex:1}.playback>button:last-child{margin-left:auto}.playback output{font-size:12px}.builder-panel{padding:18px}.builder-header h3{font-size:18px}.main-footer{flex-wrap:wrap}.main-footer button{font-size:12px}}@media(max-width:480px){.cards{grid-template-columns:1fr}.preview{aspect-ratio:1.82}.built-with{display:none}.list-view .tech-card{grid-template-columns:105px 1fr}.list-view .card-body{padding:14px}.list-view .card-title h3{font-size:15px}.list-view .category-label,.list-view .english{font-size:11px}.list-view .card-body>p{font-size:13px}.catalog-tools{gap:12px}.prompt-header{flex-wrap:wrap;gap:10px}.guide-dialog{padding:38px 24px 25px}.guide-dialog h2{font-size:23px}}:root{color-scheme:dark}@media(max-width:380px){.hero-art{display:none}}.learning-nav{display:flex;flex-direction:column;gap:12px;padding:20px 12px 0}.learning-nav button{text-align:left;font-size:12px;color:#a6c9b2;padding:5px 0;line-height:1.8}.intent-discovery{margin-top:20px;border-top:1px solid var(--border);padding-top:17px}.intent-discovery summary{font-size:12px;color:#b1c8b9;cursor:pointer}.intent-chips{display:flex;gap:9px;flex-wrap:wrap;margin-top:13px}.intent-chips button{font-size:12px;color:#aec9b6;padding:8px 12px;border:1px solid #3a5443;border-radius:5px}.intent-chips button.active{color:#142b1d;background:var(--mint)}#suggestions{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px;margin:18px 0}#suggestions p{width:100%;margin:0 0 5px}.prompt-options{display:flex;gap:15px;margin:16px 0;flex-wrap:wrap}.prompt-options label,.compare-select,.shot-transition{display:flex;flex-direction:column;gap:8px;font-size:12px;color:#aac3b3}.prompt-options select,.compare-select select,.shot-transition select{background:#142019;border:1px solid #486350;color:#d8eade;border-radius:4px;padding:10px 12px;font:inherit;font-size:12px;max-width:100%}.learning-section{margin-top:24px;border-top:1px solid #344438;padding-top:20px}.learning-section h3{font-size:14px;font-weight:500;margin:0 0 10px;color:#c9e5d2}.learning-section p{font-size:13px;line-height:1.9;color:#9eb8a7;margin:12px 0 20px}.learning-section .search-cues{font-size:12px;color:#839f8e}.detail-visual{position:relative}.camera-map{position:absolute;right:12px;top:12px;width:130px;height:98px;border:1px solid #4e705b;border-radius:5px;pointer-events:none}.comparison-dialog{width:min(1000px,calc(100% - 32px))}.comparison-content{padding:24px}.comparison-content>p{font-size:14px;line-height:1.9;color:#a9c2b2}.compare-select{margin:20px 0 12px}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.comparison-grid figure{margin:0;border:1px solid #3a5443;border-radius:6px;overflow:hidden}.compare-image{position:relative;aspect-ratio:1.65;background:#102019}.compare-image>canvas[data-visual]{width:100%;height:100%;display:block}.compare-image .camera-map{width:95px;height:72px;right:8px;top:8px}.comparison-grid figcaption{padding:14px;font-size:14px}.comparison-grid small{display:block;color:#8fae9b;font-size:12px;margin-top:5px}.compare-controls{display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin-top:20px}.compare-controls label{display:flex;align-items:center;gap:10px;font-size:12px}.compare-controls input{width:110px;accent-color:var(--mint)}.comparison-note{font-size:12px!important}.glossary-list dt{color:var(--mint);font-size:14px;margin-top:23px}.glossary-list dd{color:#aac3b3;margin:9px 0 0;font-size:13px;line-height:1.9}.playback .wide-output{width:115px;white-space:normal;line-height:1.6}.storyboard{margin:24px 0;padding:18px 0;border-top:1px solid #425d4a;border-bottom:1px solid #425d4a}.storyboard>p{color:#9ab8a5;font-size:12px;line-height:1.8}.storyboard-shot{border:1px solid #486350;border-radius:5px;padding:15px;margin:16px 0}.storyboard-shot legend{font-size:14px;color:var(--mint);padding:0 8px}.shot-header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.shot-header label{font-size:12px;display:flex;align-items:center;gap:10px}.shot-header input{max-width:85px}.shot-header button{font-size:12px;color:#c3aa9c}.hero-meta>b:last-of-type{display:none}@media(min-width:951px){.hero-meta>b:last-of-type{display:block}}@media(max-width:700px){.comparison-content{padding:20px 16px}.comparison-grid{gap:10px}.compare-image{aspect-ratio:1.05}.compare-image .camera-map{width:65px;height:49px;top:5px;right:5px}.comparison-grid figcaption{padding:10px;font-size:12px}.comparison-grid small{font-size:11px}.camera-map{width:100px;height:75px}.learning-nav{padding-top:12px}.storyboard-shot{padding:12px}.playback .wide-output{width:95px}}@media(max-width:700px){.compare-image .camera-map{display:none}}.detail-visual .camera-map{width:130px;height:100px}@media(max-width:700px){.detail-visual .camera-map{width:100px;height:78px}}.demo-input{padding:20px 28px;background:#132723;border-bottom:1px solid var(--border)}.demo-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.demo-heading h3{font-size:14px;margin:0}.demo-heading label{font-size:12px;display:flex;gap:8px;align-items:center}.demo-input select{color:#e6e9e7;background:#1b3630;border:1px solid #426359;border-radius:5px;padding:8px}.demo-help{font-size:12px;color:#b1c7be;line-height:1.8}.demo-controls{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center}.demo-controls label{display:flex;align-items:center;gap:10px;font-size:12px}.demo-controls input{width:120px;accent-color:#a3f5cd}#demo-readout{display:block;font:11px monospace;color:#a3f5cd;margin:16px 0}.input-mapping{display:grid;gap:8px;margin:0;font-size:12px;line-height:1.7}.input-mapping>div{display:grid;grid-template-columns:135px 1fr;gap:12px}.input-mapping dt{color:#a3f5cd}.input-mapping dd{margin:0;color:#c5d7cf}.pointer-demo{cursor:crosshair;touch-action:none}@media(max-width:600px){.demo-input{padding:18px}.input-mapping>div{grid-template-columns:1fr;gap:2px}.demo-controls input{width:115px}#demo-readout{line-height:1.8}}.mode-tabs{display:flex;gap:8px;margin-bottom:22px;border-bottom:1px solid #2d3831;padding-bottom:12px;overflow-x:auto;scrollbar-width:none}.mode-tabs::-webkit-scrollbar{display:none}.mode-tab{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:6px;background:#171d1a;border:1px solid #2a352e;color:#9cb2a5;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.mode-tab svg{width:16px;height:16px}.mode-tab:hover{background:#202b24;border-color:#3e5347;color:#e5f2eb}.mode-tab.active{background:#1e3328;border-color:var(--mint);color:var(--mint)}.tab-badge{font-size:11px;padding:2px 7px;border-radius:10px;background:#a9efd01f;color:#a9efd0;font-family:monospace}.mode-tab.active .tab-badge{background:var(--mint);color:#0b1411;font-weight:700}.quick-subnav{margin-bottom:20px}.quick-nav-bar{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#141b18;border:1px solid #25332a;border-radius:8px}.quick-nav-label{font-size:11px;color:#7d9487;white-space:nowrap;font-weight:600;letter-spacing:.5px}.quick-nav-scroll{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 0}.quick-nav-scroll::-webkit-scrollbar{display:none}.quick-chip{padding:5px 12px;border-radius:14px;background:#1b2420;border:1px solid #2d3c33;color:#a4b8ad;font-size:12px;white-space:nowrap;cursor:pointer;transition:all .15s ease}.quick-chip small{font-size:10px;opacity:.7;margin-left:3px;font-family:monospace}.quick-chip:hover{background:#24352b;border-color:#496354;color:#d8ede2}.quick-chip.active{background:#244133;border-color:var(--mint);color:#c1f7d9;font-weight:500}.quick-back-chip{padding:5px 12px;border-radius:14px;background:#192620;border:1px solid #364d40;color:var(--mint);font-size:12px;cursor:pointer;white-space:nowrap}.quick-back-chip:hover{background:#23382d}.builder-presets-strip{padding:12px 16px;margin-bottom:18px;background:#16261e8c;border:1px solid #2c4437;border-radius:8px}.builder-presets-header{display:flex;align-items:center;gap:6px;margin-bottom:10px;font-size:12px;color:#a9efd0}.builder-presets-header svg{width:14px;height:14px}.builder-presets-chips{display:flex;flex-wrap:wrap;gap:8px}.preset-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#14201a;border:1px solid #324a3d;border-radius:6px;color:#c5dfd2;font-size:12px;cursor:pointer;transition:all .2s ease}.preset-chip span{font-size:10px;padding:1px 5px;background:#20352b;border-radius:3px;color:#92d8b5}.preset-chip:hover{background:#1e352a;border-color:var(--mint);color:#fff;transform:translateY(-1px)}.comparison-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}@media(max-width:900px){.comparison-gallery{grid-template-columns:1fr}}.comparison-card{display:flex;flex-direction:column}.comparison-card-visuals{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:#0d1413;border-bottom:1px solid #28372f;padding:12px 14px;gap:10px}.comp-col{display:flex;flex-direction:column;gap:6px}.comp-canvas-wrap{aspect-ratio:16 / 9;border-radius:5px;overflow:hidden;background:#080d0c;border:1px solid #202e27}.comp-canvas-wrap canvas{width:100%;height:100%;display:block}.comp-vs-badge{font-size:11px;font-weight:800;font-family:monospace;color:#12211b;background:var(--mint);padding:4px 6px;border-radius:4px;letter-spacing:1px}.comp-label{display:flex;flex-direction:column;font-size:12px;color:#e3ede7}.comp-label small{font-size:10px;color:#7b9184}.comparison-difference{font-size:13px;line-height:1.6;color:#cadfd4;margin:12px 0 16px;padding:10px 12px;background:#131d18;border-left:3px solid var(--mint);border-radius:0 4px 4px 0}.comparison-difference strong{color:var(--mint)}.comp-open-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:9px 14px;font-size:12px}.recipe-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}@media(max-width:900px){.recipe-gallery{grid-template-columns:1fr}}.recipe-showcase-card{display:flex;flex-direction:column}.recipe-showcase-header{padding:20px 20px 14px;border-bottom:1px solid #27372f;background:linear-gradient(180deg,#1d2822,#181f1b)}.recipe-showcase-header h3{font-size:18px;margin:8px 0 4px;color:#e8f5ee}.recipe-aspect-pill{font-size:10px;font-family:monospace;padding:2px 7px;border-radius:4px;background:#25382e;color:#a3e6c3;margin-left:auto}.recipe-description{font-size:13px;line-height:1.6;color:#bed3c7;margin-bottom:16px}.recipe-bundle{margin-bottom:14px}.recipe-bundle-title{font-size:11px;color:#799182;margin-bottom:8px;font-weight:600}.recipe-bundle-chips{display:flex;flex-wrap:wrap;gap:6px}.tech-chip-link{display:inline-flex;align-items:center;gap:4px;font-size:11px;padding:4px 9px;background:#14201a;border:1px solid #2d4236;border-radius:4px;color:#b7e8d0;cursor:pointer;transition:all .15s ease}.tech-chip-link:hover{background:#1e3529;border-color:var(--mint);color:#fff}.recipe-brief-box{padding:10px 12px;background:#121915;border-radius:6px;margin-bottom:16px;border:1px solid #223027}.recipe-brief-box small{display:block;font-size:10px;color:#6a8274;margin-bottom:4px;font-weight:600}.recipe-brief-box p{margin:0;font-size:12px;color:#d1e2d9;line-height:1.5;font-style:italic}.recipe-apply-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;font-size:13px}.spatial-interactive{cursor:grab}.spatial-interactive:active{cursor:grabbing}