body{margin:0;color:var(--text);overflow:hidden}#viewport{position:fixed;inset:0;background:radial-gradient(1400px 900px at 50% 30%,#f8fafc,#eceff3 45%,#dbe2e8 80%,#cfd7de)}#viewport canvas{position:absolute;inset:0}.brand{position:absolute;top:16px;inset-inline-start:16px;z-index:10;padding:12px 18px;border-radius:16px;background:var(--card);backdrop-filter:blur(12px);box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.7);width:296px}.brand h1{margin:0;font-size:16px;font-weight:650;letter-spacing:.01em}.brand p{margin:3px 0 0;font-size:12px;color:var(--muted);white-space:nowrap}.brand,#cards,#toolbar,#view-toggle,#replay{opacity:0;transition:opacity .25s cubic-bezier(.4,0,.2,1)}body.app-ready .brand,body.app-ready #cards,body.app-ready #toolbar,body.app-ready #view-toggle,body.app-ready #replay{opacity:1}#cards{position:absolute;inset-inline-start:0;top:110px;bottom:0;z-index:10;width:344px;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:10px;padding-block:12px 32px;padding-inline:16px 32px;pointer-events:none}#cards::-webkit-scrollbar{width:6px}#cards::-webkit-scrollbar-thumb{background:#1d28302e;border-radius:3px}.card{pointer-events:auto;flex:0 0 auto;background:var(--card);backdrop-filter:blur(12px);border-radius:16px;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.7);overflow:hidden;transition:box-shadow .25s ease,border-color .25s ease}.card-head{width:100%;display:flex;align-items:center;justify-content:space-between;padding:13px 16px;background:none;border:none;cursor:pointer;font:inherit;font-size:13.5px;font-weight:600;color:var(--text);text-align:start}.card-head:hover{color:var(--accent)}.chev{width:8px;height:8px;border-inline-end:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);transition:transform .25s cubic-bezier(.4,0,.2,1);margin-inline-end:2px}.card.open .chev{transform:rotate(225deg)}.card-body-wrapper{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s cubic-bezier(.4,0,.2,1)}.card.open .card-body-wrapper{grid-template-rows:1fr}.card-body{min-height:0;overflow:hidden;padding:0 16px;opacity:0;transition:padding .25s cubic-bezier(.4,0,.2,1),opacity .2s ease-in-out}.card.open .card-body{padding:2px 16px 14px;opacity:1}.row{display:flex;align-items:center;justify-content:space-between;margin:7px 0;font-size:13px;gap:10px}.row em{color:var(--muted);font-style:normal;font-size:11px}.row input{width:78px;background:#fff;color:var(--text);border:1px solid var(--line);border-radius:9px;padding:7px 9px;font-size:13px}.row input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}#toolbar{position:absolute;top:16px;inset-inline-end:16px;z-index:20;display:flex;align-items:center;gap:8px}#view-toggle{position:absolute;top:16px;left:50%;transform:translate(-50%);z-index:20}.tool-pill{display:flex;align-items:center;gap:2px;padding:4px;background:var(--card);backdrop-filter:blur(12px);border-radius:13px;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.7)}.tool-pill button{font:inherit;font-size:13px;font-weight:550;color:var(--text);background:none;border:none;border-radius:9px;padding:8px 13px;cursor:pointer;display:flex;align-items:center;gap:7px;white-space:nowrap}.tool-pill button:hover:not(:disabled){background:#1d28300f}.tool-pill button:disabled{opacity:.45;cursor:wait}.tool-pill button.active{background:var(--accent);color:#fff}#generate{flex:0 0 auto;pointer-events:auto;width:100%;display:flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-size:13.5px;font-weight:650;color:#fff;background:var(--accent);border:1px solid rgba(255,255,255,.7);border-radius:13px;padding:12px 16px;cursor:pointer;box-shadow:var(--shadow)}#generate:hover:not(:disabled){filter:brightness(1.06)}#generate:disabled{opacity:.55;cursor:default}#generate.attention{animation:gen-pulse 1.5s ease-in-out infinite}@keyframes gen-pulse{0%,to{box-shadow:0 0 #2e8ab080,var(--shadow)}50%{box-shadow:0 0 0 9px #2e8ab000,var(--shadow)}}#generate .btn-spinner{border-color:#fff6;border-top-color:#fff}#generate-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown{position:relative}#download-menu{position:absolute;inset-inline-end:0;top:calc(100% + 10px);min-width:250px;background:#fffffff7;backdrop-filter:blur(12px);border-radius:14px;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.7);padding:6px;display:none;flex-direction:column}#download-menu.open{display:flex}#download-menu button{width:100%;text-align:start;padding:9px 12px;font-weight:500}#download-menu hr{width:100%;border:none;border-top:1px solid var(--line);margin:5px 0}#download-menu .all{font-weight:650;color:var(--accent)}.levels-hint{margin:6px 0 10px;font-size:11.5px;color:var(--muted);line-height:1.4}.stack-row{display:flex;align-items:center;gap:6px;padding:8px 10px;margin:4px 0;border-radius:10px;background:#1d28300b;font-size:12.5px;font-weight:550}.stack-row.auto{background:none;border:1px dashed var(--line);color:var(--muted);font-weight:450}.stack-row span{flex:1}.stack-row button{font:inherit;width:24px;height:24px;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--line);border-radius:7px;color:var(--muted)}.stack-row button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.stack-row button:disabled{opacity:.35;cursor:default}.stack-row svg{width:11px;height:11px;display:block}.stack-item{border-radius:10px;background:#1d28300b;margin:4px 0}.stack-item>.stack-row{background:none;margin:0}.stack-row button.expand{background:none;border:none;width:18px;height:24px}.stack-row button.expand svg{transition:transform .15s}.stack-row button.expand.open svg{transform:rotate(90deg)}.stack-detail{padding:0 10px 8px 12px}.stack-detail .row{margin:5px 0;font-size:12px}.stack-detail .row input{width:64px;padding:5px 7px;font-size:12px}.stack-actions{display:flex;gap:6px;margin:10px 0 4px}.stack-actions button{flex:1;font:inherit;font-size:12px;font-weight:550;cursor:pointer;padding:8px 6px;background:#fff;border:1px solid var(--line);border-radius:10px;color:var(--text)}.stack-actions button:hover{border-color:var(--accent);color:var(--accent)}#replay{position:absolute;bottom:24px;left:50%;transform:translate(-50%);z-index:12;font:inherit;font-size:13px;font-weight:600;color:var(--text);padding:9px 20px;border-radius:999px;cursor:pointer;background:var(--card);backdrop-filter:blur(12px);box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.7)}#replay:hover{color:var(--accent)}#download-btn .lock{width:11px;height:11px;display:block;color:var(--muted)}.locale-switcher{display:flex;align-items:center;gap:2px;padding:4px;background:var(--card);backdrop-filter:blur(12px);border-radius:999px;box-shadow:var(--shadow);border:1px solid var(--line)}.locale-btn{font:inherit;font-size:11px;font-weight:600;letter-spacing:.02em;color:var(--muted);background:none;border:none;border-radius:999px;padding:6px 10px;cursor:pointer}.locale-btn:hover:not(.active){color:var(--text);background:#1d28300f}.locale-btn.active{background:var(--accent-soft);color:var(--accent)}[dir=rtl] .stack-row button.expand svg{transform:scaleX(-1)}[dir=rtl] .stack-row button.expand.open svg{transform:scaleX(-1) rotate(90deg)}#notice-stack{position:fixed;top:70px;left:50%;transform:translate(-50%);z-index:60;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.notice{pointer-events:auto;display:flex;align-items:center;gap:12px;padding:10px 10px 10px 16px;border-radius:13px;max-width:420px;background:var(--card);backdrop-filter:blur(12px);box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.7);font-size:12.5px;font-weight:550;color:var(--text);line-height:1.4}.notice button{flex:0 0 auto;font:inherit;font-size:11px;font-weight:650;color:var(--muted);background:none;border:1px solid var(--line);border-radius:8px;cursor:pointer;padding:5px 9px}.notice button:hover{border-color:var(--accent);color:var(--accent)}.checkout-email-section{margin-bottom:16px;display:flex;flex-direction:column;gap:6px}.checkout-email-section label{font-size:12.5px;font-weight:600;color:var(--text)}.checkout-email-section input[type=email]{width:100%;padding:9px 12px;border-radius:10px;border:1px solid var(--line);font:inherit;font-size:13.5px;background:#fff}.checkout-email-section input[type=email]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.signin-hint{font-size:11.5px;color:var(--muted);display:flex;align-items:center;gap:6px}.signin-hint button{background:none;border:none;color:var(--accent);font:inherit;font-size:11.5px;font-weight:600;cursor:pointer;padding:0;text-decoration:underline}#magic-link-status{font-size:12px;margin-top:4px;line-height:1.4}#account-menu{position:absolute;top:100%;inset-inline-end:0;margin-top:6px;min-width:220px;background:#fffffff5;backdrop-filter:blur(12px);border-radius:14px;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.7);overflow:hidden;z-index:100}.mobile-toggle-btn{display:none;position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:45;background:var(--accent);color:#fff;padding:10px 18px;border-radius:999px;font-size:13.5px;font-weight:650;box-shadow:0 8px 24px #2e8ab059;border:none;cursor:pointer}.mobile-toggle-btn svg{stroke:#fff}@media (max-width: 768px){.brand p{display:none}.brand{width:auto;padding:8px 12px;top:12px;inset-inline-start:12px}.brand h1{font-size:13px}#view-toggle{top:12px;left:50%;transform:translate(-50%);z-index:30}#view-toggle button{padding:6px 10px;font-size:12px}#toolbar{top:12px;inset-inline-end:12px;z-index:30}#toolbar .tool-pill button{padding:6px 10px;font-size:12px}.mobile-toggle-btn{display:flex;align-items:center;gap:6px}#cards{position:fixed;inset-inline:0;bottom:0;top:auto;width:100%;max-height:75vh;background:var(--card);backdrop-filter:blur(16px);border-radius:24px 24px 0 0;border-top:1px solid rgba(255,255,255,.8);box-shadow:0 -8px 32px #1d283033;padding:16px 20px 32px;z-index:40;transform:translateY(105%);transition:transform .3s cubic-bezier(.4,0,.2,1);pointer-events:auto}body.drawer-open #cards{transform:translateY(0)}body.drawer-open .mobile-toggle-btn{background:#1d2830}#download-menu{top:calc(100% + 6px);inset-inline-end:0;min-width:210px}}#render-error-overlay{position:absolute;bottom:24px;left:50%;transform:translate(-50%);z-index:20;display:flex;align-items:center;gap:10px;padding:11px 16px;background:#fff8f7f5;border:1px solid rgba(185,60,40,.25);border-radius:12px;box-shadow:0 4px 16px #1d283024;backdrop-filter:blur(10px);font-size:13px;color:#7a2c1e;max-width:calc(100vw - 380px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#render-error-overlay[hidden]{display:none}.render-error-icon{flex-shrink:0;color:#b83a28}.render-error-msg{flex:1;overflow:hidden;text-overflow:ellipsis}.render-error-dismiss{flex-shrink:0;background:none;border:none;cursor:pointer;font:inherit;font-size:12px;color:#b83a28;padding:2px 4px;border-radius:4px;opacity:.75}.render-error-dismiss:hover{opacity:1}@media (max-width: 600px){#render-error-overlay{bottom:72px;max-width:calc(100vw - 32px)}}