@font-face{font-family:MaShanZheng;src:url(/fonts/MaShanZheng-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{font-family:Avenir Next,PingFang SC,Hiragino Sans GB,Noto Sans SC,sans-serif;line-height:1.5;font-weight:400;color:#f3fbff;background:#061320;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100vh}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid rgba(139,243,255,.55);outline-offset:2px}img{max-width:100%}.app-shell{position:relative;display:flex;align-items:stretch;justify-content:stretch;width:100vw;min-height:100vh;height:100vh;overflow:hidden;background:radial-gradient(circle at top left,rgba(80,227,194,.2),transparent 32%),radial-gradient(circle at 85% 18%,rgba(255,180,84,.22),transparent 24%),linear-gradient(135deg,#061320,#0a1f33 45%,#10324d);color:#f3fbff}.ambient{position:absolute;width:34rem;height:34rem;border-radius:999px;filter:blur(24px);opacity:.35;pointer-events:none}.ambient-left{top:-10rem;left:-8rem;background:#45cdff40;animation:drift 12s ease-in-out infinite}.ambient-right{right:-10rem;bottom:-12rem;background:#ff934d40;animation:drift 15s ease-in-out infinite reverse}.idle-debug-badge{position:fixed;right:1.2rem;bottom:1.2rem;z-index:50;display:grid;gap:.18rem;min-width:7.8rem;padding:.7rem .9rem;border-radius:16px;border:1px solid rgba(196,232,255,.18);background:#071828d1;box-shadow:0 16px 30px #00000038;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:none}.idle-debug-badge strong{font-size:.72rem;color:#b1e6ffe6;letter-spacing:.04em}.idle-debug-badge span{font-size:1.05rem;font-weight:800;color:#fff}.screen{position:relative;z-index:1;flex:1 1 auto;width:100%;max-width:100%;height:100%;max-height:100%;padding:1.2rem 1.5rem;overflow:hidden}*{scrollbar-width:thin;scrollbar-color:rgba(149,211,243,.45) rgba(255,255,255,.04)}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{border-radius:999px;background:#ffffff0a}*::-webkit-scrollbar-thumb{border:2px solid rgba(6,19,32,.55);border-radius:999px;background:linear-gradient(180deg,#8fe9ff85,#ffc3786b)}*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#8fe9ffad,#ffc37894)}.welcome-screen{display:grid;grid-template-rows:auto 1fr auto;gap:1.2rem;height:100%}.toolbar-panel,.canvas-stage,.preview-card,.describe-card,.waiting-card,.config-copy,.config-form{border:1px solid rgba(199,232,255,.18);background:#071828b3;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 30px 60px #0003}.hero-panel,.preview-card,.describe-card,.waiting-card,.config-copy,.config-form{border-radius:32px}.eyebrow{display:inline-flex;width:fit-content;padding:.45rem .9rem;border-radius:999px;background:#8be9ff1f;color:#8fe9ff;font-size:.9rem;letter-spacing:.08em;text-transform:uppercase}.hero-panel h1,.complete-copy h1,.config-copy h1{margin:1.2rem 0 0;font-size:clamp(3.1rem,5.5vw,5.6rem);line-height:.95;letter-spacing:-.05em}.hero-copy,.complete-copy p,.config-copy p,.waiting-copy{max-width:52rem;margin-top:1.4rem;font-size:1.1rem;line-height:1.8;color:#e6f6ffd1}.primary-button,.ghost-button,.tool-button,.size-chip,.suggestion-chip{min-height:58px;border:0;border-radius:18px;font-size:1rem;font-weight:700;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,border-color .18s ease}.primary-button{padding:0 1.6rem;color:#081722;background:linear-gradient(135deg,#8bf3ff,#ffd166);box-shadow:0 20px 30px #8bf3ff33}.primary-button.huge{min-height:72px;padding-inline:2.2rem;font-size:1.15rem}.ghost-button{padding:0 1.3rem;color:#edfaff;background:#ffffff14;border:1px solid rgba(196,232,255,.2)}.tool-button,.size-chip,.suggestion-chip{padding:.95rem 1rem;color:#eff8ff;background:#ffffff0f;border:1px solid transparent}.tool-button.active,.size-chip.active,.color-swatch.active{border-color:#8bf3ffd9;box-shadow:0 0 0 3px #8bf3ff33}.tool-button.warning{background:#ff94571f;color:#ffd8bf}.tool-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.28rem;min-height:96px;padding:.8rem .55rem}.tool-icon{display:inline-flex;align-items:center;justify-content:center;width:2.9rem;height:2.9rem}.tool-icon svg{width:2.7rem;height:2.7rem}.tool-label{font-size:.68rem;line-height:1.02;white-space:nowrap}.toolbar-bottom-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:auto}.primary-button:hover,.ghost-button:hover,.tool-button:hover,.size-chip:hover,.suggestion-chip:hover{transform:translateY(-1px)}.primary-button:disabled,.tool-button:disabled{opacity:.45;transform:none;cursor:not-allowed}.meta-card,.feature-card,.helper-card,.status-card{display:flex;flex-direction:column;gap:.45rem;padding:1.15rem 1.2rem;border-radius:22px;background:#ffffff14;color:#eaf7ffd1}.meta-card strong,.helper-card strong,.status-card strong{font-size:1.05rem;color:#fff}.feature-card h2,.waiting-card h2{margin:0;font-size:1.5rem}.feature-card p,.helper-card p,.topbar-copy span,.toggle-card span,.status-text{margin:0;line-height:1.7;color:#e7f4ffc2}.welcome-topbar{display:flex;align-items:center;justify-content:flex-end;padding:.2rem .1rem}.welcome-actions{display:flex;gap:.75rem}.panel-icon-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.55rem;min-width:6.5rem;min-height:5.4rem;padding:.8rem .85rem;border:1px solid rgba(191,230,255,.18);border-radius:22px;background:#ffffff0f;color:#eff8ff;font:inherit;font-weight:700;transition:transform .18s ease,border-color .18s ease,background-color .18s ease}.panel-icon-button:hover{transform:translateY(-1px);border-color:#8bf3ff73}.panel-icon-button svg{width:1.6rem;height:1.6rem}.panel-icon-button span:last-child{font-size:.9rem;line-height:1}.launch-icon{display:inline-flex;align-items:center;justify-content:center;width:2.8rem;height:2.8rem;border-radius:16px;background:#ffffff14}.launch-icon svg{width:1.5rem;height:1.5rem}.welcome-stage{display:grid;grid-template-rows:auto auto auto;align-content:start;gap:.85rem;padding:.2rem 0;min-height:0}.welcome-title{text-align:center}.welcome-title h1{margin:0;display:inline-flex;align-items:baseline;gap:.18em;font-family:MaShanZheng,STKaiti,KaiTi,cursive;font-size:clamp(4.6rem,6.4vw,7.2rem);line-height:.9;letter-spacing:.01em;color:#ffd6bf;text-shadow:0 0 24px rgba(255,125,107,.24),0 22px 40px rgba(0,0,0,.22)}.welcome-title h1 span:first-child{color:#ffc89f}.welcome-title h1 span:last-child{color:#ff8b7a}.welcome-title p{max-width:none;margin:.9rem auto 0;font-size:1.12rem;line-height:1.7;color:#e6f6ffc7}.welcome-reel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;align-items:start;min-height:0}.demo-card{display:grid;grid-template-rows:auto auto;align-content:start;gap:.65rem;padding:.7rem;border:1px solid rgba(194,235,255,.12);border-radius:26px;background:#ffffff0a;transform:scale(.96);opacity:.74;transition:transform .3s ease,opacity .3s ease,border-color .3s ease,box-shadow .3s ease}.demo-card.active{opacity:1;transform:scale(1);border-color:#8bf3ff80;box-shadow:0 24px 40px #0000002e}.demo-visual{position:relative;overflow:hidden;aspect-ratio:16 / 9;border-radius:22px;background:radial-gradient(circle at 25% 20%,rgba(255,255,255,.18),transparent 28%),linear-gradient(160deg,#072236f5,#093656e0)}.demo-badge{position:absolute;top:.85rem;left:.85rem;z-index:2;padding:.35rem .6rem;border-radius:999px;background:#04111d8c;font-size:.78rem;color:#d6f5ff}.demo-sky,.demo-gridline,.demo-shape,.demo-motion,.demo-glow{position:absolute}.demo-sky{inset:0;background:radial-gradient(circle at 20% 25%,rgba(117,233,255,.2),transparent 24%),radial-gradient(circle at 78% 28%,rgba(255,161,92,.24),transparent 22%)}.demo-gridline{left:10%;right:10%;bottom:18%;height:1px;background:#c2ebff24}.demo-gridline.second{bottom:34%}.demo-shape-main{width:38%;height:34%;border-radius:50% 45% 48% 40%;background:linear-gradient(135deg,#9be6ff,#42b7ff);filter:drop-shadow(0 14px 28px rgba(66,183,255,.28));animation:welcomeFloat 5s ease-in-out infinite}.demo-shape-secondary{width:26%;height:18%;border-radius:999px;background:linear-gradient(135deg,#ffe184,#ff9b60);opacity:.92;animation:welcomeFloat 6s ease-in-out infinite reverse}.demo-motion{border-radius:999px;background:linear-gradient(90deg,#fff0,#ffffffb3);opacity:.65}.motion-a{width:28%;height:6px;animation:welcomeSweep 3.2s linear infinite}.motion-b{width:16%;height:4px;animation:welcomeSweep 3.2s linear infinite reverse}.demo-glow{width:34%;height:34%;border-radius:999px;background:#92e8ff2e;filter:blur(18px)}.demo-visual.deer .demo-shape-main{left:24%;top:34%;transform:rotate(-18deg)}.demo-visual.deer .demo-shape-secondary{right:18%;top:26%;transform:rotate(24deg)}.demo-visual.deer .motion-a{left:54%;top:42%}.demo-visual.deer .motion-b{left:18%;top:62%}.demo-visual.deer .demo-glow{left:20%;top:30%}.demo-visual.rocket .demo-shape-main{left:44%;top:20%;border-radius:52% 52% 36% 36%;transform:rotate(14deg)}.demo-visual.rocket .demo-shape-secondary{left:38%;bottom:16%;width:18%;height:22%;background:linear-gradient(180deg,#ffe696f2,#ff674aeb)}.demo-visual.rocket .motion-a{left:42%;bottom:18%;transform:rotate(90deg)}.demo-visual.rocket .motion-b{left:50%;bottom:10%;transform:rotate(90deg)}.demo-visual.rocket .demo-glow{left:37%;bottom:8%}.demo-visual.robot .demo-shape-main{left:31%;top:28%;border-radius:30px}.demo-visual.robot .demo-shape-secondary{right:16%;top:52%;width:12%;height:32%;border-radius:999px}.demo-visual.robot .motion-a{right:18%;top:24%}.demo-visual.robot .motion-b{left:18%;top:58%}.demo-visual.robot .demo-glow{left:24%;top:22%}.demo-visual.fish .demo-shape-main{left:24%;top:40%;border-radius:55% 45% 55% 40%}.demo-visual.fish .demo-shape-secondary{right:20%;top:24%;width:18%;height:18%;border-radius:999px;background:linear-gradient(135deg,#8cf2cf,#3cc6d6)}.demo-visual.fish .motion-a{right:12%;top:34%}.demo-visual.fish .motion-b{left:52%;top:64%}.demo-visual.fish .demo-glow{left:18%;top:34%}.demo-caption{display:flex;flex-direction:column;gap:.35rem;min-height:0;padding:.1rem .25rem 0}.demo-caption strong{font-size:1.02rem}.demo-caption span{display:-webkit-box;overflow:hidden;color:#e6f6ffc2;line-height:1.55;-webkit-line-clamp:2;-webkit-box-orient:vertical}.welcome-bottom{display:flex;align-items:center;justify-content:center;padding:.45rem 0 0}.launch-button{display:inline-flex;align-items:center;gap:.9rem;min-width:22rem;padding:1.15rem 1.55rem;border:0;border-radius:26px;background:linear-gradient(135deg,#8bf3ff,#ffd166);color:#081722;font:inherit;font-weight:800;box-shadow:0 22px 35px #8bf3ff2e;transition:transform .18s ease}.launch-button:hover{transform:translateY(-1px)}.launch-copy{display:flex;flex-direction:column;align-items:start;gap:.15rem}.launch-copy strong{font-size:1.15rem}.launch-copy small{font-size:.92rem;color:#081722b8}.guide-overlay{position:absolute;inset:0;z-index:5;display:grid;place-items:center;background:#010a1294;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.guide-modal{width:min(54rem,calc(100% - 3rem));padding:1.4rem;border:1px solid rgba(199,232,255,.18);border-radius:30px;background:#071828eb;box-shadow:0 30px 60px #00000047}.guide-header{display:flex;align-items:start;justify-content:space-between;gap:1rem}.guide-header h2{margin:.7rem 0 0;font-size:2rem}.guide-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;margin-top:1.25rem}.guide-step{padding:1rem;border-radius:22px;background:#ffffff0f}.guide-step strong{display:block;margin-bottom:.45rem;font-size:1rem}.guide-step p{margin:0;line-height:1.7;color:#e7f4ffc2}.covenant-modal{width:min(58rem,calc(100% - 3rem));padding:2rem 2.2rem 1.8rem}.covenant-header{display:flex;justify-content:center}.covenant-header h2{margin:0;font-size:2.2rem;line-height:1.15;text-align:center}.covenant-content{margin-top:1.5rem}.covenant-section-title,.covenant-paragraph{margin:0;line-height:1.95;color:#e7f4ffd6}.covenant-section-title{margin-top:1.1rem;font-weight:800;color:#fff}.covenant-footnote{margin-top:.2rem}.covenant-list{margin:.45rem 0 0;padding-left:1.25rem;line-height:1.95;color:#e7f4ffd6}.covenant-actions{display:flex;justify-content:center;gap:.9rem;margin-top:1.6rem}.admin-auth-modal{width:min(30rem,calc(100% - 3rem))}.admin-auth-form{display:grid;gap:1rem}.admin-auth-head h2{margin:0;font-size:2rem}.admin-auth-display{width:100%;border:1px solid rgba(180,228,255,.2);border-radius:22px;padding:1rem 1.1rem;font:inherit;letter-spacing:.25rem;color:#edf8ff;background:#ffffff0f;min-height:3.65rem;display:flex;align-items:center}.admin-auth-display.error{border-color:#ff998b8c}.admin-auth-display.empty{color:#ddf0ff6b;letter-spacing:0}.admin-auth-keypad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.admin-keypad-button{min-height:4.2rem;font-size:1.4rem;font-weight:800}.admin-auth-error{margin:-.2rem 0 0;color:#ffb4a9}.admin-auth-actions{display:flex;justify-content:stretch;gap:.85rem}.admin-auth-actions>button{flex:1 1 0}.topbar{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;margin-bottom:1.5rem}.topbar-spacer{width:7.5rem}.topbar-action{min-width:7.5rem;justify-content:center}.topbar-copy{display:flex;flex-direction:column;align-items:center;gap:.2rem}.topbar-copy p{margin:0;font-size:1.25rem;font-weight:800}.draw-screen{height:100%}.draw-layout{display:grid;grid-template-columns:11.75rem minmax(0,1fr);gap:1rem;min-height:0;height:100%}.toolbar-panel{border-radius:28px;display:flex;flex-direction:column;gap:1rem;padding:1rem}.tool-section+.tool-section{margin-top:0}.toolbar-template-button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.24rem;width:100%;min-height:5.2rem;overflow:hidden;border-color:#ffd86b6b;background:linear-gradient(135deg,#ffd97a2e,#6fedff24),#ffffff14;box-shadow:0 0 0 1px #ffe6a01f inset,0 16px 30px #0000002e}.toolbar-template-button:before{content:"";position:absolute;inset:-35%;background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.08) 44%,rgba(255,255,255,.58) 50%,rgba(255,255,255,.12) 56%,transparent 62%);transform:translate(-160%) rotate(12deg);pointer-events:none;animation:toolbarSweep 5.6s ease-in-out infinite}.toolbar-template-icon{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:2.9rem;height:2.9rem;color:#fff8dd}.toolbar-template-icon svg{width:2.65rem;height:2.65rem}.toolbar-template-copy{position:relative;z-index:1;display:grid;gap:.08rem;text-align:center}.toolbar-template-copy strong{font-size:.9rem;line-height:1.05;color:#fffef7}.toolbar-template-copy small{font-size:.64rem;line-height:1.18;color:#fff7dfd9}.section-label{display:block;margin-bottom:.75rem;color:#b1e6ff;font-size:.92rem;letter-spacing:.06em;text-transform:uppercase}.tool-grid,.size-grid,.color-grid,.suggestion-list,.inline-fields{display:grid;gap:.75rem}.tool-grid,.size-grid,.color-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.color-swatch{position:relative;width:100%;aspect-ratio:1;border-radius:18px;border:2px solid transparent;cursor:pointer}.color-swatch.active:after{content:"";position:absolute;inset:.4rem;border-radius:999px;border:2px solid rgba(255,255,255,.82)}.size-chip{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.45rem;min-height:74px}.size-dot{display:block;border-radius:999px;background:currentColor}.template-helper-text{margin-top:.55rem;color:#fff4ded1}.canvas-stage{display:grid;grid-template-rows:auto minmax(0,1fr);gap:.55rem;border-radius:36px;width:100%;min-width:0;min-height:0;padding:.45rem .55rem .55rem}.canvas-topbar{display:flex;align-items:center;justify-content:space-between;gap:.85rem;width:100%;min-width:0;padding-inline:.5rem}.canvas-topbar{min-height:3.5rem}.draw-tip-banner{display:flex;align-items:center;gap:.8rem;min-width:0}.draw-tip-label{flex-shrink:0;padding:.32rem .65rem;border-radius:999px;background:#8bf3ff1f;color:#8fe9ff;font-size:.8rem;font-weight:700;letter-spacing:.04em}.draw-tip-banner p{margin:0;overflow:hidden;color:#e5f5ffd1;font-size:.98rem;line-height:1.6;text-overflow:ellipsis;white-space:nowrap}.canvas-home-button{min-width:8.5rem}.magic-submit-button{position:relative;min-width:13.2rem;display:inline-flex;align-items:center;justify-content:center;gap:.7rem;overflow:hidden;color:#071520;background:linear-gradient(90deg,#8ef3ff,#67d8ff,#98f0a5 40%,#ffd66d 62%,#ff9bc5 82%,#9ea9ff);box-shadow:0 18px 30px #7dcdff33,0 0 0 1px #ffffff2e inset}.magic-submit-button:before{content:"";position:absolute;inset:-35%;background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.08) 44%,rgba(255,255,255,.58) 50%,rgba(255,255,255,.12) 56%,transparent 62%);transform:translate(-160%) rotate(12deg);pointer-events:none;animation:toolbarSweep 4.8s ease-in-out infinite}.magic-submit-button span{position:relative;z-index:1}.magic-submit-icon{display:inline-flex;width:1.35rem;height:1.35rem;animation:wandNudge 3.8s ease-in-out infinite}.magic-submit-icon svg{width:100%;height:100%}.canvas-topbar-actions{display:flex;align-items:center;gap:.75rem}.canvas-action-button{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:.22rem;min-height:54px;padding-inline:1rem;border-color:#c4e8ff2e}.toolbar-action-button{width:100%;min-height:4.9rem;padding-inline:.55rem}.canvas-action-button.warning{color:#ffd8bf;background:#ff94571f;border-color:#ff94572e}.canvas-action-icon{display:inline-flex;width:1.7rem;height:1.7rem}.canvas-action-icon svg{width:100%;height:100%}.toolbar-action-label{font-size:.68rem;line-height:1.02;text-align:center;word-break:break-word}.canvas-submit-button{min-width:11rem}.canvas-frame{position:relative;display:flex;justify-content:center;align-items:center;flex:1;width:100%;min-width:0;min-height:0;padding:.2rem .15rem;border-radius:28px;background:linear-gradient(#122c44d9,#122c44d9),linear-gradient(transparent 39px,#ffffff08 40px),linear-gradient(90deg,transparent 39px,rgba(255,255,255,.03) 40px);background-size:auto,40px 40px,40px 40px}.canvas-surface{position:relative;flex:0 0 auto;border-radius:28px}.canvas-template-blank,.canvas-template-overlay,.drawing-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;border-radius:28px}.canvas-template-blank{background:#fff;box-shadow:0 30px 70px #00000040}.drawing-canvas{z-index:1;background:transparent;box-shadow:0 30px 70px #00000040;touch-action:none}.canvas-template-overlay{z-index:2;pointer-events:none;object-fit:contain;mix-blend-mode:multiply;box-shadow:0 30px 70px #00000040}@keyframes toolbarSweep{0%,58%,to{transform:translate(-165%) rotate(12deg)}74%,82%{transform:translate(165%) rotate(12deg)}}@keyframes wandNudge{0%,58%,to{transform:rotate(0) scale(1)}63%{transform:rotate(-12deg) scale(1.06)}68%{transform:rotate(10deg) scale(1.06)}73%{transform:rotate(-6deg) scale(1.03)}}.template-screen{display:grid;grid-template-rows:auto minmax(0,1fr);height:100%}.template-layout{display:grid;grid-template-columns:14rem minmax(0,1fr);gap:1rem;min-height:0;height:calc(100% - 4.8rem)}.template-sidebar,.template-gallery-panel{border-radius:28px;border:1px solid rgba(199,232,255,.18);background:#071828b3;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 30px 60px #0003}.template-sidebar{display:flex;flex-direction:column;gap:1rem;padding:1rem}.template-gallery-panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:1rem;padding:1.2rem;min-height:0}.template-category-list{display:grid;gap:.75rem}.template-category-button{width:100%;justify-content:center;border-color:#c4e8ff2e}.template-category-button.active{border-color:#8bf3ffd9;box-shadow:0 0 0 3px #8bf3ff2e}.template-gallery-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.template-gallery-head h2{margin:.15rem 0 0;font-size:clamp(1.3rem,2vw,1.8rem)}.template-gallery-head p{margin:.5rem 0 0;color:#e7f4ffc2;line-height:1.7}.template-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(10.5rem,1fr));gap:.85rem;min-height:0;overflow-y:auto;padding-right:.2rem;align-content:start}.template-card{display:flex;flex-direction:column;gap:.7rem;min-height:0;padding:.75rem;border-radius:20px;border:1px solid rgba(196,232,255,.16);background:#ffffff0d;color:#eff8ff;text-align:left;overflow:hidden}.template-card.active{border-color:#8bf3ffd9;box-shadow:0 0 0 3px #8bf3ff2e}.template-card img{width:100%;height:8rem;border-radius:16px;object-fit:contain;background:#fff}.template-card span{display:-webkit-box;min-height:3rem;overflow:hidden;font-size:.96rem;line-height:1.55;word-break:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical}.template-empty{min-height:18rem;margin-top:0}.template-gallery-footer{display:flex;justify-content:flex-end;align-items:center}.template-local-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.template-local-button{display:inline-flex;min-width:9.5rem;justify-content:center}.template-prompt-banner{display:grid;gap:.35rem;margin-top:1rem;padding:.9rem 1rem;border-radius:20px;border:1px solid rgba(139,243,255,.16);background:#83e4ff14}.template-prompt-banner strong{color:#b7f3ff;font-size:.95rem}.template-prompt-banner span{color:#eff8ffe6;line-height:1.7}.describe-layout,.waiting-layout,.config-layout{display:grid;gap:1.25rem}.story-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(26rem,1.1fr);align-items:center;gap:2rem;height:calc(100% - 4.8rem)}.story-visual{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0}.story-content{max-width:46rem}.describe-card,.waiting-card.progress,.complete-copy{display:flex;flex-direction:column;align-items:flex-start}.preview-card,.describe-card{padding:0;border:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}.config-actions,.complete-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem}.complete-actions{justify-content:flex-start}.story-actions{display:flex;gap:.9rem}.image-actions{width:100%;margin-top:1.2rem}.artwork-preview{display:block;width:100%;margin-top:0;border-radius:24px;background:#fff;object-fit:contain;box-shadow:0 24px 60px #0000002e}.artwork-preview.large{height:min(54vh,32rem);margin-top:0}.empty-preview{display:grid;place-items:center;min-height:24rem;margin-top:1rem;border-radius:24px;border:1px dashed rgba(194,235,255,.28);color:#e2f3ffb3}.prompt-field{display:flex;flex-direction:column;gap:.7rem;width:100%;margin-top:1rem}.prompt-field span,.config-form label span{font-size:.98rem;font-weight:700;color:#b9eaff}.prompt-field textarea,.config-form input,.config-form select,.config-form textarea{width:100%;border:1px solid rgba(180,228,255,.2);border-radius:22px;padding:1rem 1.1rem;font:inherit;color:#edf8ff;background:#ffffff0f;resize:none}.prompt-field textarea{min-height:11rem;font-size:1.05rem;line-height:1.7}.prompt-field textarea::placeholder,.config-form input::placeholder,.config-form textarea::placeholder{color:#ddf0ff6b}.config-form select{appearance:none}.suggestion-list{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:1rem;width:100%}.suggestion-chip{min-height:86px;text-align:left;line-height:1.6}.story-copy{max-width:44rem;margin-top:1rem;line-height:1.8;color:#e6f6ffd1}.waiting-detail{margin-top:.7rem;color:#b7f3ffdb}.waiting-card{padding:0;border:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}.waiting-card.visual{display:grid;place-items:center;min-height:24rem}.waiting-card.progress{max-width:44rem}.waiting-card.progress h2,.describe-card h2{margin:.9rem 0 0;font-size:clamp(2rem,3vw,3rem);line-height:1.08}.waiting-headline{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.waiting-dots{display:inline-flex;align-items:center;gap:.35rem}.waiting-dots span{width:.45rem;height:.45rem;border-radius:999px;background:#8bf3ff;opacity:.22;animation:waitingPulse 1.2s ease-in-out infinite}.waiting-dots span:nth-child(2){animation-delay:.2s}.waiting-dots span:nth-child(3){animation-delay:.4s}.progress-track{overflow:hidden;height:18px;margin-top:1.8rem;border-radius:999px;background:#ffffff14}.progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#8bf3ff,#ffd166);transition:width .22s ease}.progress-meta{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem}.progress-main{display:grid;gap:.2rem}.progress-meta strong{font-size:2rem}.progress-timer{color:#b7f3ffe0;font-size:.95rem;line-height:1.4}.waiting-stage-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin-top:1.2rem}.waiting-stage-strip .status-card{min-height:0;padding:1rem 1.05rem;border-radius:20px;background:#ffffff0a;border:1px solid rgba(196,232,255,.08);opacity:.68}.waiting-stage-strip .status-card.active{opacity:1;border-color:#8bf3ff6b;box-shadow:0 0 0 2px #8bf3ff14}.waiting-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;margin-top:1.2rem}.waiting-status-grid .status-card{min-height:0;padding:.95rem 1rem;border-radius:20px;background:#ffffff0d;border:1px solid rgba(196,232,255,.1)}.waiting-actions{margin-top:1.2rem;justify-content:flex-start}.waiting-prompt-card{display:grid;gap:.45rem;margin-top:1.25rem;padding:1rem 1.05rem;border-radius:22px;border:1px solid rgba(196,232,255,.12);background:#ffffff0d}.waiting-prompt-card strong{color:#fff}.waiting-prompt-card span{line-height:1.75;color:#e7f4ffc7}.waiting-log-panel{margin-top:1.2rem;padding:1rem 1.05rem;border-radius:22px;border:1px solid rgba(196,232,255,.1);background:#ffffff0a}.waiting-log-panel strong{color:#fff}.waiting-log-list{margin:.8rem 0 0;padding-left:1.1rem;color:#e7f4ffc2;line-height:1.7}.complete-screen{display:grid;grid-template-rows:auto 1fr auto;gap:1rem}.complete-stage{min-height:0}.complete-copy{max-width:50rem}.complete-copy h1{max-width:42rem;margin:.9rem 0 0;font-size:clamp(2.6rem,4vw,4.4rem);line-height:1.05}.complete-copy p{margin-top:1rem}.complete-meta{margin:.75rem 0 0;line-height:1.8;color:#e6f6ffd1}.complete-meta strong{color:#fff}.complete-image{width:min(100%,36rem);margin-top:0}.complete-video{background:#071828}.complete-downloads{margin-top:1.25rem}.complete-prompt-card{margin-top:1.15rem}.archive-save-notice{margin-top:.85rem;color:#91f7cff0}.result-link-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.complete-actions{margin-top:1.2rem;justify-content:flex-end}.config-layout{grid-template-columns:minmax(0,1fr);min-height:0;height:100%;align-items:start;overflow-y:auto;max-width:62rem;margin:0 auto;padding:0 0 1.7rem}.config-screen,.video-library-screen{display:grid;grid-template-rows:auto minmax(0,1fr);height:100%;overflow:hidden}.config-screen .topbar,.video-library-screen .topbar{position:sticky;top:0;z-index:3;margin-bottom:1rem;padding:.15rem 0 .9rem;background:linear-gradient(180deg,rgba(6,19,32,.98),rgba(6,19,32,.7),transparent)}.config-form{padding:1.7rem}.video-library-layout{min-height:0;overflow:hidden;padding:0 0 1.7rem}.video-library-panel{height:100%;min-height:0;overflow-y:auto;align-content:start;margin:0 1.7rem;padding:1.4rem 1.35rem}.config-copy{border-radius:30px;height:100%;min-height:0;overflow-y:auto;padding-right:1rem}.config-copy h2{margin:.9rem 0 0;max-width:34rem;font-size:clamp(1.8rem,2.4vw,2.7rem);line-height:1.08}.config-intro{max-width:42rem;margin-top:1rem;line-height:1.8;color:#e6f6ffd1}.config-quick-guide{display:grid;gap:.8rem;margin-top:1.15rem}.config-guide-item{display:grid;gap:.3rem;padding:.95rem 1rem;border-radius:20px;border:1px solid rgba(196,232,255,.1);background:#ffffff0a}.config-guide-item strong{color:#fff}.config-guide-item span{color:#e7f4ffbd;line-height:1.7}.config-note-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.3rem}.config-meta-board,.config-quota-board{margin-top:1.1rem;padding:1rem 1.05rem;border-radius:22px;background:#ffffff0d;border:1px solid rgba(196,232,255,.1)}.config-meta-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.config-meta-card,.config-quota-item{display:grid;gap:.35rem;padding:.85rem .95rem;border-radius:18px;background:#ffffff0d}.config-meta-card strong,.config-quota-head strong,.config-quota-item strong{color:#fff}.config-meta-card span,.config-quota-head span,.config-quota-item span{line-height:1.7;color:#e7f4ffb8}.config-quota-head{display:grid;gap:.35rem}.config-quota-list{display:grid;gap:.8rem;margin-top:.95rem}.config-form{display:grid;gap:1rem;width:100%;max-width:100%;min-height:0;align-content:start;overflow:visible;padding-right:0}.config-section{display:grid;gap:1rem;padding:1.1rem 1.15rem;border-radius:24px;background:#ffffff0a;border:1px solid rgba(196,232,255,.12)}.config-section-head{display:flex;flex-direction:column;gap:.35rem}.config-section-head strong{font-size:1.02rem;color:#fff}.config-section-head span{line-height:1.7;color:#e7f4ffb8}.config-form label{display:flex;flex-direction:column;gap:.6rem}.config-static-field{display:grid;gap:.45rem;padding:.95rem 1rem;border-radius:20px;border:1px solid rgba(196,232,255,.12);background:#ffffff0a}.config-static-field span{font-size:.98rem;font-weight:700;color:#b9eaff}.config-static-field strong{font-size:1rem;color:#fff}.field-hint{color:#e7f4ff8f;line-height:1.6}.config-subpanel{display:grid;gap:1rem;padding:1rem;border-radius:20px;background:#ffffff0d;border:1px solid rgba(196,232,255,.1)}.inline-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.toggle-row{display:grid;gap:1rem}.reserve-row,.quota-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.toggle-card{display:grid;grid-template-columns:auto 1fr;gap:.9rem;align-items:start;padding:1rem 1.1rem;border-radius:22px;background:#ffffff0f}.toggle-card input{width:22px;height:22px;margin-top:.15rem}.config-actions{margin-top:.35rem}.config-section-actions{display:flex;justify-content:flex-start}.archive-toolbar{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:1rem}.archive-date-field{min-width:14rem}.archive-actions{display:flex;flex-wrap:wrap;gap:.75rem}.archive-delete-all-button{min-height:54px}.archive-date-chips{display:flex;flex-wrap:wrap;gap:.75rem}.archive-date-chip{min-height:3rem;padding-inline:1rem}.archive-date-chip.active{border-color:#8bf3ffd9;box-shadow:0 0 0 3px #8bf3ff2e}.archive-status-line{margin:0}.archive-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:.8rem}.archive-card{display:grid;gap:.42rem;padding:.42rem;border-radius:18px;border:1px solid rgba(196,232,255,.12);background:#ffffff0a}.archive-media-shell{position:relative;overflow:hidden;border-radius:14px}.archive-video{width:100%;display:block;border-radius:14px;background:#071828;aspect-ratio:16 / 9}.archive-video-copy{display:grid;gap:.14rem;padding:.1rem .18rem 0}.archive-video-copy strong{color:#fff;font-size:.74rem;line-height:1.16;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.archive-video-copy span,.archive-video-copy p{margin:0;font-size:.64rem;line-height:1.26;color:#e7f4ffbd}.archive-video-copy p{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.archive-delete-icon-button{position:absolute;right:.42rem;top:.42rem;z-index:2;min-width:2.1rem;min-height:2.1rem;padding:0;border-radius:999px;background:#091927b3;border-color:#ffab9747;color:#ffd8bf}.archive-delete-icon{display:inline-flex;width:1rem;height:1rem}.archive-delete-icon svg{width:100%;height:100%}.archive-empty{min-height:14rem;margin-top:0}.status-card{min-height:8.5rem}.status-text.success{color:#91f7cf}.status-text.error{color:#ffb4a9}.status-text.loading{color:#ffe08e}@keyframes drift{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(1.2rem,2.2rem,0) scale(1.06)}}@keyframes welcomeFloat{0%,to{transform:translateZ(0) rotate(0)}50%{transform:translate3d(0,-8px,0) rotate(4deg)}}@keyframes welcomeSweep{0%{transform:translate(-16px);opacity:.2}50%{opacity:.8}to{transform:translate(16px);opacity:.2}}@keyframes waitingPulse{0%,to{opacity:.2;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}@media(max-width:1100px){.draw-layout,.story-layout,.complete-stage,.config-layout,.template-layout{grid-template-columns:1fr}.screen{width:100vw;height:100vh;padding:1rem}.hero-panel h1,.complete-copy h1,.config-copy h1{font-size:clamp(2.5rem,8vw,4rem)}.welcome-actions,.welcome-reel,.guide-steps{grid-template-columns:1fr 1fr}.progress-meta,.config-actions,.complete-actions,.topbar{flex-direction:column;align-items:stretch}.topbar{display:flex}.size-grid,.color-grid,.suggestion-list,.inline-fields,.config-note-list,.reserve-row,.quota-grid,.config-meta-board,.archive-grid,.waiting-status-grid,.waiting-stage-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.screen{padding:1rem}.toolbar-panel,.canvas-stage,.preview-card,.describe-card,.waiting-card,.config-copy,.config-form,.complete-stage{border-radius:24px}.tool-grid,.color-grid,.suggestion-list,.inline-fields,.config-note-list,.reserve-row,.quota-grid,.config-meta-board,.archive-grid,.waiting-status-grid,.waiting-stage-strip,.template-gallery-grid{grid-template-columns:1fr}.archive-toolbar,.archive-actions{flex-direction:column;align-items:stretch}.welcome-topbar,.welcome-actions,.welcome-reel,.guide-steps{display:grid;grid-template-columns:1fr}.covenant-actions{flex-direction:column;align-items:stretch}.welcome-title h1{font-size:2.8rem}.launch-button{min-width:100%}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.canvas-frame{padding:.75rem}.drawing-canvas{width:100%}}