@charset "UTF-8";
:root{color-scheme:dark;--bg:#090909;--fg:#eeede8;--dim:#92918a;--line:#ffffff24;--lime:#d9ed97;--ease:cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{background:var(--bg);color:var(--fg);font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button,a{color:inherit;-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;background:none}a{text-decoration:none}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:1px solid var(--lime);outline-offset:5px}::selection{background:var(--lime);color:#151811}body::after{content:"";position:fixed;inset:0;pointer-events:none;opacity:.025;z-index:25;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}.skip{position:fixed;top:-100px;left:20px;padding:15px;background:#25271c;z-index:70}.skip:focus{top:10px}
.site-header{position:fixed;top:0;left:0;right:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:26px 38px;gap:30px;pointer-events:none;background:linear-gradient(#090909c9,transparent)}.site-header>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:14px}.brand-symbol{width:41px;height:41px;overflow:visible}.brand-symbol path{stroke-dasharray:1;animation:draw-mark 1.8s var(--ease) both}.brand-symbol path+path{animation-delay:.2s}.brand-word{display:flex;flex-direction:column;gap:4px}.brand-word strong{font-size:15px;letter-spacing:.3em;font-weight:500}.brand-word small{font-size:8px;letter-spacing:.15em;color:#b8b7af}.header-aside{font:9px monospace;letter-spacing:.1em;color:#aaa99e;margin-left:auto;display:flex;align-items:center;gap:9px}.status-dot{width:5px;height:5px;background:var(--lime);border-radius:50%;box-shadow:0 0 14px #d9ed9760}.site-header nav{display:flex;gap:8px}.site-header nav button{font-size:11px;padding:13px 16px;border:1px solid transparent;border-radius:2px;transition:color .25s,border-color .25s}.site-header nav button:hover{color:var(--lime);border-color:#ffffff20}.site-header nav .nav-contact{border-color:#ffffff38;margin-left:9px}.nav-contact span{margin-left:22px}
.field-shell{position:fixed;inset:0;isolation:isolate}.field{position:absolute;inset:0;display:block;width:100%;height:100%;touch-action:none;cursor:grab;outline-offset:-8px!important}.field.dragging{cursor:grabbing}.field.hover-frame{cursor:pointer}.field-shade{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 25%,#09090914 62%,#090909c9 100%),linear-gradient(0deg,#090909 0%,transparent 16%,transparent 85%,#09090977 100%)}.intro{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);width:min(600px,85vw);text-align:center;pointer-events:none;transition:opacity .9s var(--ease),filter .9s,transform 1.2s var(--ease);isolation:isolate}.intro::before{content:"";position:absolute;inset:-65px -65px;background:radial-gradient(ellipse,#090909b8 10%,#09090960 48%,transparent 72%);z-index:-1}.intro-kicker{display:flex;justify-content:center;align-items:center;gap:13px;font:9px monospace;letter-spacing:.2em;color:#d2d0c4;margin-bottom:27px}.intro-kicker i{display:block;width:23px;height:1px;background:#9f9e8e}h1{font-size:clamp(42px,4.4vw,76px);line-height:1.3;font-weight:400;letter-spacing:-.06em;margin:0;animation:title-in 1.5s var(--ease) both}.intro h1 span{color:var(--lime)}.intro p{font-size:11px;line-height:1.9;color:#b8b5a9;margin:23px 0 0;letter-spacing:.08em}.intro-caption{font-size:8px;letter-spacing:.22em;color:#88877c;margin-top:28px;display:block}.is-exploring .intro{opacity:0;filter:blur(8px);transform:translate(-50%,-43%)}.field-corner{position:absolute;left:38px;top:133px;color:#77766b;display:flex;flex-direction:column;gap:7px;font:8px monospace;letter-spacing:.12em;pointer-events:none}.field-corner::before{content:"＋";position:absolute;left:-5px;top:-20px;color:#77766b}.seed-status{position:absolute;right:38px;top:137px;text-align:right;font:8px monospace;letter-spacing:.1em;color:#77766b;pointer-events:none}.seed-status span{display:block;margin-top:8px;color:#aba99b}.field-tooltip{position:fixed;left:0;top:0;z-index:20;pointer-events:none;padding:9px 12px;background:#e6e9d4;color:#171a10;font-size:9px;opacity:0;transition:opacity .15s;white-space:nowrap}.field-tooltip.visible{opacity:1}.field-controls{position:fixed;bottom:86px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:0;border:1px solid #ffffff30;border-radius:60px;padding:5px;background:#0c0c0cbb;backdrop-filter:blur(20px);z-index:30}.field-controls button{font-size:10px;border-radius:30px;min-height:36px;padding:0 14px;transition:background .2s,color .2s;white-space:nowrap}.field-controls button:hover{background:#ffffff10}.field-controls .new-seed{background:var(--lime);color:#1b2110;padding:0 21px;margin-right:6px}.field-controls .new-seed:hover{background:#e4f6b1}.field-controls .new-seed span{margin-left:10px;font-size:13px}.control-divider{height:16px;width:1px;background:#ffffff25;margin:0 4px}.zoom-value{font:9px monospace;min-width:40px;text-align:center;color:#b5b2a6}.zoom-control{font-size:18px!important;min-width:33px;padding:0 8px!important}.bottom-bar{position:fixed;bottom:0;left:38px;right:38px;z-index:28;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff22;padding:21px 0;font-size:9px;line-height:1.8;color:#969386;gap:20px;pointer-events:none}.bottom-bar>*{pointer-events:auto}.bottom-bar .instructions{display:flex;gap:15px;font-size:9px}.bottom-bar .instructions span+span::before{content:"·";margin-right:15px;color:#59594f}.bottom-signature{font:9px monospace;letter-spacing:.14em;color:#bab7a8}.bottom-signature em{font-family:Georgia,serif;font-size:18px;font-style:normal;margin-left:5px}.placeholder-note{font-size:8px;color:#9a9789}.toast{position:fixed;bottom:145px;left:50%;transform:translateX(-50%) translateY(8px);z-index:55;max-width:85vw;text-align:center;color:#dce3bf;background:#1e2215e8;border:1px solid #5a6240;padding:12px 18px;font-size:11px;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s}.toast.visible{opacity:1;transform:translateX(-50%)}
dialog{color:var(--fg);border:1px solid #ffffff25;background:#11120ff5;padding:0;max-width:calc(100vw - 36px);max-height:90dvh;box-shadow:0 25px 110px #0009;overscroll-behavior:contain}dialog::backdrop{background:#030403b8;backdrop-filter:blur(18px)}.panel{width:780px;padding:46px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:42px}.eyebrow{font:9px monospace;letter-spacing:.13em;color:#a8ac95}.close{padding:10px 13px;font-size:11px;border:1px solid #ffffff25;transition:background .2s}.close:hover{background:#ffffff12}.panel h2{font-size:clamp(30px,3vw,46px);font-weight:400;letter-spacing:-.05em;line-height:1.5;margin:0 0 28px}.panel p{font-size:12px;color:#aaa99c;line-height:2.1;margin:0 0 18px}.panel .lead{font-size:17px;color:#d8dcc9;max-width:530px;line-height:1.9}.panel strong{font-weight:400;color:#e2e5d7}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:35px}.team-grid figure{margin:0}.team-grid img{width:100%;aspect-ratio:.74;object-fit:cover;display:block;filter:grayscale(1)}.team-grid figure:nth-child(2) img{object-position:59% center}.team-grid figcaption{font-size:10px;margin-top:13px;color:#cbcbbd}.team-grid figcaption span{display:block;font:7px monospace;letter-spacing:.09em;color:#808570;margin-top:7px}.studio-quote{padding-top:27px;margin-top:35px;border-top:1px solid #ffffff25;display:flex;justify-content:space-between;font-size:12px;color:#b7bba7}.studio-quote span{font:8px monospace;letter-spacing:.1em;color:#727765}.brief-panel{width:560px}.brief-note{font-size:10px!important;color:#8f9580!important}.brief-panel label{display:block;font-size:11px;margin:24px 0}.brief-panel input,.brief-panel textarea{display:block;width:100%;margin-top:9px;padding:13px 0;background:transparent;border:0;border-bottom:1px solid #ffffff32;border-radius:0;color:#e5e8db;font:12px Arial,'Microsoft YaHei',sans-serif;resize:vertical}.brief-panel input:focus,.brief-panel textarea:focus{outline:none;border-bottom-color:var(--lime)}.brief-panel input::placeholder,.brief-panel textarea::placeholder{color:#717665}.submit{display:flex;justify-content:space-between;background:var(--lime);color:#202711;padding:17px 20px;width:100%;font-size:12px}.brief-panel #form-status{font-size:10px;margin-top:14px}.frame-dialog{width:min(1080px,94vw);overflow:hidden;background:#10110e}.frame-dialog .close{position:absolute;right:15px;top:15px;z-index:5;background:#0b0d0bb8}.frame-preview{width:100%;display:block;aspect-ratio:16/10;background:#0b0d0a}.frame-info{padding:25px 30px;display:flex;justify-content:space-between;align-items:center;gap:20px}.frame-info h2{font-size:21px;font-weight:400;margin:0 0 10px;letter-spacing:-.02em}.frame-info p{font-size:10px;color:#92987e;margin:0;line-height:1.8}.frame-info .save-frame{font-size:10px;border-bottom:1px solid #899274;padding:10px 0;white-space:nowrap}.index-panel{width:900px}.index-panel .panel-head{margin-bottom:30px}.index-intro{font-size:11px!important}.index-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px 15px}.index-card{text-align:left;padding:0}.index-card img{display:block;width:100%;aspect-ratio:1.5;object-fit:cover;border:1px solid #ffffff15;transition:border-color .2s}.index-card:hover img{border-color:var(--lime)}.index-card strong{display:block;font-weight:400;font-size:11px;margin-top:12px}.index-card small{font:8px monospace;color:#858b73;display:block;margin-top:7px}.index-grid[aria-busy=true]{opacity:.5}.empty-note{font-size:12px;color:#afb49f;padding:20px}.field-help{position:fixed;inset:0;z-index:35;display:grid;place-items:center;background:#050603b8;backdrop-filter:blur(6px)}.field-help[hidden]{display:none}.help-card{max-width:420px;margin:25px;border:1px solid #5b624c;padding:35px;background:#13160f}.help-card h2{font-weight:400;font-size:25px}.help-card p{font-size:12px;line-height:2;color:#b9bfaa}.help-card button{background:var(--lime);color:#222b13;padding:12px 25px;margin-top:15px}
@keyframes draw-mark{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes title-in{from{opacity:0;transform:translateY(14px);filter:blur(5px)}to{opacity:1;transform:none;filter:blur(0)}}
@media(max-width:900px){.site-header{padding:22px 25px;gap:20px}.header-aside{display:none}.field-corner{left:25px;top:115px}.seed-status{right:25px;top:119px}.bottom-bar{left:25px;right:25px}.bottom-bar .instructions span:last-child{display:none}.intro{width:570px;max-width:90vw}.intro h1{font-size:52px}.panel{padding:32px}}
@media(max-width:600px){.site-header{padding:20px 20px;align-items:flex-start;gap:10px}.brand{gap:10px}.brand-symbol{width:34px;height:34px}.brand-word strong{font-size:12px;letter-spacing:.24em}.brand-word small{font-size:7px}.site-header nav{gap:0}.site-header nav button{font-size:10px;padding:10px}.site-header nav .nav-contact{margin-left:4px}.nav-contact span{margin-left:8px}.field-corner{left:21px;top:108px;font-size:7px;gap:5px}.seed-status{right:20px;top:107px;font-size:7px}.intro{top:45%;width:90vw}.intro h1{font-size:37px;letter-spacing:-.07em;line-height:1.5}.intro-kicker{font-size:7px;letter-spacing:.12em;margin-bottom:21px}.intro p{font-size:10px;margin-top:18px}.intro-caption{font-size:7px;margin-top:22px}.intro::before{inset:-40px -10px}.field-controls{bottom:94px;padding:4px;max-width:calc(100vw - 28px)}.field-controls button{font-size:9px;min-height:40px;padding:0 11px}.field-controls .new-seed{padding:0 15px;margin-right:2px}.new-seed span{display:none}.control-divider{margin:0 2px}.zoom-value{font-size:8px;min-width:33px}.zoom-control{min-width:27px}.bottom-bar{left:20px;right:20px;padding:17px 0;display:grid;grid-template-columns:1fr auto;gap:6px 12px}.bottom-bar .instructions{font-size:8px;gap:9px}.bottom-bar .instructions span+span::before{margin-right:9px}.placeholder-note{grid-column:1/-1;font-size:7px;letter-spacing:.02em}.bottom-signature{font-size:7px;letter-spacing:.08em}.bottom-signature em{font-size:14px}.toast{bottom:154px;font-size:10px;padding:10px 12px}.panel{padding:27px 23px}.panel-head{margin-bottom:28px}.panel h2{font-size:31px}.panel p{font-size:11px}.panel .lead{font-size:15px}.team-grid{grid-template-columns:1fr;gap:27px}.team-grid img{aspect-ratio:1.05}.team-grid figcaption{display:flex;justify-content:space-between;align-items:center}.team-grid figcaption span{margin:0}.studio-quote{font-size:11px;gap:15px}.studio-quote span{font-size:7px}.index-grid{grid-template-columns:repeat(2,1fr);gap:22px 12px}.index-card strong{font-size:10px}.index-card small{font-size:7px}.frame-info{padding:20px;display:block}.frame-info h2{font-size:18px}.frame-info .save-frame{margin-top:15px}.frame-preview{aspect-ratio:1.2}.frame-dialog{width:94vw}.field-tooltip{display:none}.close{min-height:38px}.eyebrow{font-size:8px}.site-header nav button:focus-visible{outline-offset:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.intro h1{opacity:1;transform:none;filter:none}.is-exploring .intro{filter:none}}

.frame-preview{aspect-ratio:auto;height:auto}@media(max-width:360px){.site-header{padding:18px 14px}.brand-word small{display:none}.site-header nav button{padding:10px 7px;font-size:9px}.brand{gap:7px}.brand-symbol{width:29px;height:29px}.brand-word strong{font-size:11px}.intro h1{font-size:32px}}