:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f7f5f2;--card-bg:#fff;--text:#1f2937;--muted:#6b7280;--border:#e5e7eb;--accent:#b8447a;--accent-dark:#9a3567;font-family:system-ui,-apple-system,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#17161a;--card-bg:#211f26;--text:#f2f0f5;--muted:#a5a1ad;--border:#35323c}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}h1,h2,h3{margin:0 0 .5rem}button{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--card-bg);color:var(--text);border-radius:8px;padding:.5rem .9rem}button:hover{border-color:var(--accent)}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover{background:var(--accent-dark)}button.danger{color:#b91c1c}button:disabled{opacity:.6;cursor:default}input,select{font:inherit;border:1px solid var(--border);background:var(--card-bg);color:var(--text);border-radius:6px;padding:.45rem .6rem}label{color:var(--muted);flex-direction:column;gap:.3rem;margin-bottom:.8rem;font-size:.9rem;display:flex}.app-shell{flex-direction:column;height:100vh;display:flex;overflow:auto}.app-header{background:var(--card-bg);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.9rem 1.5rem;font-weight:600;display:flex}.header-right{align-items:center;gap:.8rem;font-weight:400;display:flex}.user-email{color:var(--muted);font-size:.9rem}.page{width:100%;max-width:900px;margin:0 auto;padding:1.5rem}.page-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.page-center{flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.card,.login-card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;width:100%;max-width:380px;padding:2rem}.login-page{justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card .subtitle{color:var(--muted);margin-bottom:1.5rem}.login-card button[type=submit],.card button.primary{background:var(--accent);border-color:var(--accent);color:#fff;width:100%;margin-top:.5rem}.button-row{justify-content:flex-end;gap:.6rem;margin-top:1rem;display:flex}.button-row button{margin:0}.error{color:#b91c1c;font-size:.9rem}.hint{color:var(--muted);font-size:.9rem}.design-list{flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.design-list-item{background:var(--card-bg);border:1px solid var(--border);border-radius:10px;align-items:center;gap:.8rem;padding:.6rem .9rem;display:flex}.design-list-open{text-align:left;background:0 0;border:none;flex-direction:column;flex:1;align-items:flex-start;gap:.2rem;padding:.2rem;display:flex}.design-list-open span{color:var(--muted);font-size:.85rem}.editor{flex-direction:column;flex:1;min-height:0;display:flex}.editor-toolbar{background:var(--card-bg);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:.6rem;padding:.7rem 1rem;display:flex}.editor-toolbar .spacer{flex:1}.editor-toolbar .design-name{min-width:180px;font-weight:600}.grid-info{color:var(--muted);white-space:nowrap;font-size:.85rem}.editor-body{flex:1;min-height:0;display:flex}.grid-scroll{background:#eee;flex:1;padding:1rem;overflow:auto}.grid-scroll canvas{touch-action:none;background:#fff;box-shadow:0 1px 4px #00000026}.sidebar{background:var(--card-bg);border-left:1px solid var(--border);flex-shrink:0;width:280px;padding:1rem;overflow-y:auto}.sheet-handle,.sheet-backdrop{display:none}@media (width<=768px){.editor-toolbar{gap:.4rem;padding:.6rem .7rem}.editor-toolbar .design-name{min-width:120px}.grid-scroll{padding-bottom:4rem}.sheet-backdrop{opacity:0;pointer-events:none;z-index:25;background:#00000059;transition:opacity .25s;display:block;position:fixed;inset:0}.sheet-backdrop.sheet-open{opacity:1;pointer-events:auto}.sidebar{border-left:none;border-top:1px solid var(--border);z-index:30;border-radius:16px 16px 0 0;width:auto;padding:0;position:fixed;bottom:0;left:0;right:0;overflow:visible;box-shadow:0 -4px 16px #0003}.sheet-handle{background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:1.3rem 1.2rem .8rem;font-weight:600;display:flex;position:relative}.sheet-handle:before{content:"";background:var(--border);border-radius:2px;width:36px;height:4px;position:absolute;top:.5rem;left:50%;transform:translate(-50%)}.sidebar-content{max-height:0;padding:0 1rem 1rem;transition:max-height .25s;overflow-y:auto}.sidebar.sheet-open .sidebar-content{max-height:min(65vh,520px)}}.element-panel h3{margin-bottom:1rem}.element-panel input[type=color]{height:2.2rem;padding:0}.arrange-panel{background:var(--bg);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:.6rem;margin-bottom:1rem;padding:.8rem;display:flex}.arrange-scope{color:var(--muted);align-items:center;gap:.5rem;margin:0;font-size:.8rem;display:flex}.arrange-sections{gap:1rem;display:flex}.link-button{color:var(--accent,#2563eb);cursor:pointer;background:0 0;border:none;padding:0;font-size:.8rem;text-decoration:underline}.arrange-section h4{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 .5rem;font-size:.78rem;font-weight:600}.arrange-row{gap:.3rem;display:flex}.arrange-row button{justify-content:center;align-items:center;min-width:2.1rem;padding:.4rem;display:flex}