@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@500;700&family=Noto+Sans+SC:wght@400;500;600;700;800;900&family=Space+Grotesk:wght@500;700&display=swap";:root{--bg:#f7efe6;--bg-2:#f1e2d5;--card:#fffaf4e6;--card-strong:#fffaf5;--ink:#2f211c;--muted:#82685b;--line:#4a2f221f;--peach:#ff8b6d;--peach-soft:#ff8b6d26;--mint:#6ec6b6;--mint-soft:#6ec6b629;--gold:#f3be56;--sky:#90bbff;--shadow:0 24px 60px #5533231f;--radius-lg:28px;--radius-md:20px;--radius-sm:14px;color:var(--ink);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Noto Sans SC,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.72}.app-shell{background:radial-gradient(circle at 15% 18%, #ffd4babf, transparent 28%), radial-gradient(circle at 80% 10%, #90bbff57, transparent 26%), radial-gradient(circle at 82% 76%, #6ec6b638, transparent 24%), linear-gradient(180deg, #f9f3ea 0%, var(--bg) 46%, #f4e6d9 100%);min-height:100vh;position:relative}.app-shell:before,.app-shell:after{content:"";z-index:0;pointer-events:none;filter:blur(28px);opacity:.5;border-radius:999px;width:260px;height:260px;position:fixed}.app-shell:before{background:#ffa67573;top:8%;right:6%}.app-shell:after{background:#6ec6b64d;bottom:12%;left:7%}.auth-screen{z-index:1;min-height:100vh;color:var(--ink);background:radial-gradient(circle at 18% 16%,#ffd4bac7,#0000 28%),radial-gradient(circle at 84% 12%,#90bbff52,#0000 25%),radial-gradient(circle at 74% 82%,#6ec6b633,#0000 28%),linear-gradient(#f9f3ea 0%,#f7efe6 52%,#f1e2d5 100%);grid-template-columns:minmax(0,1.2fr) 440px;align-items:center;gap:44px;padding:44px min(6vw,72px);display:grid;position:relative}.auth-screen:before{content:"";opacity:.42;pointer-events:none;background:linear-gradient(90deg,#0000 0 45%,#fffaf4b8 45% 55%,#0000 55% 100%),linear-gradient(#f0b77e 0%,#d6945a 100%);border-radius:68px;width:260px;height:260px;position:absolute;bottom:12%;right:14%;transform:rotate(-8deg);box-shadow:0 24px 60px #55332329}.auth-hero{max-width:860px}.brand-mark,.logo-button,.user-area,.user-chip,.panel-title,.top-nav nav,.heading-actions,.card-actions,.row-actions,.community-actions,.tag-row,.editor-left,.editor-tools,.editor-actions,.panel-caption,.toast,.presenter-exit,.hero-strip,.create-tabs{align-items:center;display:flex}.brand-mark{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff85;border:1px solid #4a2f221a;border-radius:999px;gap:12px;width:fit-content;padding:10px 14px;font-weight:800;box-shadow:inset 0 1px #ffffff8c}.brand-mark img{object-fit:cover;border-radius:999px;width:38px;height:38px;box-shadow:0 8px 18px #55332324}.auth-hero h1{letter-spacing:-.03em;max-width:900px;margin:30px 0 18px;font-family:Space Grotesk,Noto Sans SC,sans-serif;font-size:clamp(44px,6vw,82px);line-height:1.02}.auth-hero p{color:#5f4a3f;max-width:760px;margin:0;font-size:21px;line-height:1.65}.hero-strip{flex-wrap:wrap;gap:10px;margin-top:34px}.hero-strip span{color:#6a5548;background:#fff9;border:1px solid #4a2f2214;border-radius:999px;padding:10px 14px}.auth-panel,.modal{border-radius:var(--radius-lg);background:var(--card);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #ffffffa6}.auth-panel{color:var(--ink);gap:18px;padding:28px;display:grid}.auth-loading{text-align:center;place-self:center;place-items:center;width:min(420px,88vw)}.auth-form{gap:16px;display:grid}.auth-toggle{background:#ffffffa6;border:1px solid #4a2f2214;border-radius:999px;grid-template-columns:1fr 1fr;gap:6px;padding:5px;display:grid}.auth-toggle button{color:#7a6154;background:0 0;border:0;border-radius:999px;min-height:42px;font-weight:900;transition:transform .2s,background .2s}.auth-toggle button.active{color:var(--ink);background:linear-gradient(135deg,#ff8b6d2e,#6ec6b626)}.auth-toggle button:hover{transform:translateY(-1px)}.auth-message{border-radius:16px;margin:0;padding:10px 12px;font-size:13px;font-weight:750;line-height:1.5}.auth-message.error{color:#991b1b;background:#fee2e2}.auth-message.success{color:#166534;background:#dcfce7}.auth-message.info{color:#1e40af;background:#dbeafe}.email-row{align-items:center;gap:8px;display:flex}.email-row input{flex:1;min-width:0}.send-code-button{color:#0d9488;cursor:pointer;white-space:nowrap;background:#6ec6b61a;border:1px solid #6ec6b659;border-radius:12px;flex-shrink:0;align-items:center;gap:5px;min-height:42px;padding:0 14px;font-size:13px;font-weight:800;transition:background .2s;display:inline-flex}.send-code-button:hover:not(:disabled){background:#6ec6b633}.send-code-button:disabled{opacity:.6;cursor:not-allowed}.code-countdown{color:#64748b;align-items:center;gap:6px;margin:-4px 0 0;font-size:12px;font-weight:750;display:flex}.code-expired{color:#dc2626;font-weight:750}.code-input{letter-spacing:6px;text-align:center;font-size:22px;font-weight:700}.code-input::placeholder{letter-spacing:6px;font-size:18px;font-weight:400}.panel-title{gap:12px}.panel-title h2,.panel-title p{margin:0}.panel-title p{color:var(--muted);margin-top:4px}label{color:#5d473d;gap:8px;font-size:.94rem;font-weight:700;display:grid}input,textarea,select{width:100%;min-height:48px;color:var(--ink);background:#ffffffb8;border:1px solid #4a2f221a;border-radius:18px;outline:none;padding:12px 16px;transition:border-color .2s,box-shadow .2s,transform .2s}textarea{resize:vertical;min-height:120px}input:focus,textarea:focus,select:focus{border-color:#ff8b6d80;transform:translateY(-1px);box-shadow:0 0 0 4px #ff8b6d1f}.primary-button,.ghost-button,.danger-button,.top-nav button,.nav-upload,.card-actions button,.row-actions button,.community-actions button,.editor-topbar button,.create-tabs button,.template-option,.slide-stack button,.element-tree button,.swatches button{border:0;border-radius:16px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 14px;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s;display:inline-flex}.primary-button:hover,.ghost-button:hover,.danger-button:hover,.top-nav button:hover,.nav-upload:hover,.card-actions button:hover,.row-actions button:hover,.community-actions button:hover,.editor-topbar button:hover,.create-tabs button:hover,.template-option:hover{transform:translateY(-2px)}.primary-button{background:linear-gradient(135deg, var(--peach), #ff9e74);color:#fff8f2;font-weight:800;box-shadow:0 16px 28px #ff8b6d3d}button:disabled{cursor:not-allowed;opacity:.66;transform:none!important}@keyframes spin{to{transform:rotate(360deg)}}.primary-button.compact{min-height:42px}.ghost-button{color:#5b473d;background:#ffffffb8;border:1px solid #4a2f2214;font-weight:800}.danger-button{color:#991b1b;background:#fee2e2;width:100%;margin-top:6px;font-weight:800}.top-nav{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffaf4c7;border-bottom:1px solid #4a2f2214;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;height:68px;padding:0 min(4vw,52px);display:grid;position:sticky;top:0}.logo-button{color:var(--ink);background:0 0;border:0;gap:10px;font-size:18px;font-weight:900}.logo-button img{object-fit:cover;border-radius:999px;width:36px;height:36px;box-shadow:0 10px 22px #5533231f}.logo-button span{justify-items:start;gap:1px;line-height:1.08;display:grid}.logo-button small{color:var(--muted);font-size:11px;font-weight:800}.top-nav nav{justify-content:center;gap:8px}.top-nav nav button,.nav-upload{color:#6e564a;background:0 0;font-weight:750}.top-nav nav button.active{color:var(--ink);background:linear-gradient(135deg,#ff8b6d2e,#6ec6b626)}.nav-upload{position:relative;overflow:hidden}.nav-upload input{opacity:0;position:absolute;inset:0}.user-chip{color:#6e564a;background:#ffffff85;border:1px solid #4a2f221a;border-radius:999px;gap:8px;padding:8px 12px;font-weight:800;box-shadow:inset 0 1px #ffffff8c}.user-area{justify-self:end;gap:8px}.logout-button{color:#6e564a;background:#ffffff94;border:1px solid #4a2f221a;border-radius:999px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.page-pad{padding:42px min(4vw,56px) 72px}.page-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px;display:flex}.eyebrow{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:900}.page-heading h1{color:var(--ink);letter-spacing:-.03em;margin:0;font-family:Space Grotesk,Noto Sans SC,sans-serif;font-size:38px}.agent-auth-card{border-radius:var(--radius-lg);background:var(--card);max-width:620px;box-shadow:var(--shadow);border:1px solid #4a2f221a;gap:24px;margin:8vh auto 0;padding:28px;display:grid}.icon-bubble{color:#d35f42;background:#ff8b6d26;border-radius:16px;place-items:center;width:46px;height:46px;display:grid}.agent-code-input{text-transform:uppercase}.heading-actions{gap:12px}.segmented{background:#ffffffa6;border:1px solid #dbe3ef;border-radius:999px;grid-template-columns:42px 42px;padding:4px;display:grid}.segmented button{color:#7a6154;background:0 0;border:0;border-radius:999px}.segmented button.active{color:var(--ink);background:linear-gradient(135deg,#ff8b6d2e,#6ec6b626)}.project-grid,.template-grid{grid-template-columns:repeat(auto-fill,minmax(286px,1fr));gap:18px;display:grid}.project-card,.community-card{border-radius:var(--radius-lg);background:var(--card);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #ffffffa6;overflow:hidden}.project-card-body,.community-body{gap:14px;padding:16px;display:grid}.project-card h3,.community-card h3{color:var(--ink);margin:0;font-size:18px}.project-card p,.community-card p,.template-option span{color:var(--muted);margin:6px 0 0;line-height:1.5}.card-actions,.row-actions,.community-actions{flex-wrap:wrap;gap:8px}.card-actions button,.row-actions button,.community-actions button{color:#604a40;background:#ffffff9e;border:1px solid #4a2f2214;min-height:36px;font-weight:800}.card-actions>button:last-child{color:#be123c}.project-list{gap:10px;display:grid}.project-row,.admin-row{border-radius:var(--radius-md);background:#fffaf4d1;border:1px solid #ffffffa6;grid-template-columns:1fr auto;align-items:center;gap:16px;padding:14px 16px;display:grid;box-shadow:0 12px 32px #55332314}.project-row div:first-child,.admin-row div:first-child{gap:4px;display:grid}.project-row span,.admin-row span{color:var(--muted)}.admin-table{gap:10px;display:grid}.admin-row{grid-template-columns:1fr auto auto}.status-pill{color:#2f6f65;background:#6ec6b629;border-radius:999px;align-self:center;padding:6px 10px;font-size:12px;font-weight:900}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2f211c5c;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{width:min(520px,100%);max-height:min(760px,92vh);padding:22px;overflow:auto}.large-modal{width:min(860px,100%)}.modal-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.modal-head h2{margin:0}.modal-head button{color:#604a40;background:#ffffff9e;border:0;border-radius:14px;width:36px;height:36px}.create-tabs{gap:8px;margin-bottom:16px}.create-tabs button{color:#7a6154;background:#ffffffb8;border:1px solid #4a2f2214;font-weight:800}.create-tabs button.active{color:var(--ink);background:linear-gradient(135deg,#ff8b6d2e,#6ec6b62e);border-color:#ff8b6d40}.create-panel{gap:14px;display:grid}.create-panel p{color:var(--muted);margin:0}.upload-panel{border-radius:var(--radius-md);text-align:center;background:#ffffff94;border:1px dashed #4a2f221f;place-items:center;min-height:270px}.upload-panel h3{margin:0}.template-picker{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;display:grid}.template-option{text-align:left;background:#ffffff9e;border:1px solid #4a2f2214;justify-content:stretch;gap:10px;height:auto;display:grid}.search-bar{background:#ffffffa6;border:1px solid #4a2f2214;border-radius:18px;grid-template-columns:auto 1fr;align-items:center;gap:10px;max-width:620px;margin-bottom:22px;padding:0 12px;display:grid}.search-bar input{box-shadow:none;border:0}.community-card .miniature{border-radius:0}.tag-row{flex-wrap:wrap;gap:8px}.tag-row span{color:#6a5548;background:#ffffff9e;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900}.community-actions .accent-action{color:#2f6f65;background:#6ec6b629;border-color:#6ec6b647}.editor-shell{color:#fff7ed;background:#17120f;grid-template-rows:58px 1fr;min-height:100vh;display:grid}.editor-topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#1f1815f5;border-bottom:1px solid #fffaf41a;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;padding:0 14px;display:grid}.editor-left,.editor-tools,.editor-actions{gap:8px}.editor-actions{justify-content:end}.editor-topbar button{color:#fff3e8;background:#fffaf414;border:1px solid #fffaf421;min-height:34px;font-weight:800}.editor-topbar .present-button{background:linear-gradient(135deg, var(--peach), #ff9e74);color:#fff8f2;border-color:#ff8b6d73}.editor-grid{grid-template-columns:238px minmax(420px,1fr) 300px;min-height:0;display:grid}.left-panel,.right-panel{background:radial-gradient(circle at 10% 0,#ff8b6d1a,#0000 24%),#1f1815;border-color:#fffaf41a;min-height:calc(100vh - 58px);overflow:auto}.left-panel{border-right:1px solid #fffaf41a;padding:14px}.right-panel{border-left:1px solid #fffaf41a;padding:16px}.panel-caption{color:#f8c08d;text-transform:uppercase;gap:8px;margin-bottom:10px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:900}.element-caption{margin-top:18px}.slide-stack,.element-tree,.inspector{gap:10px;display:grid}.slide-stack button{color:#f7efe6;background:#fffaf40f;border:1px solid #fffaf41f;justify-content:start;min-height:74px}.slide-stack button.active{border-color:#6ec6b68c;box-shadow:0 0 0 2px #6ec6b624}.slide-stack button>span{color:#c9aa99;width:20px;font-weight:900}.element-tree button{color:#edd8ca;background:#fffaf40f;border:1px solid #fffaf41a;justify-content:start;min-height:34px}.element-tree button.active{color:#fff8f2;background:#ff8b6d24;border-color:#ff8b6d73}.canvas-zone{background-color:#120e0d;background-image:linear-gradient(90deg,#fffaf40e 1px,#0000 1px),linear-gradient(#fffaf40e 1px,#0000 1px),radial-gradient(circle at 80% 12%,#6ec6b614,#0000 28%),none;background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;place-items:center;min-width:0;padding:30px;display:grid;overflow:auto}.canvas-frame{aspect-ratio:16/9;background:#100c0b;border:1px solid #fffaf429;border-radius:22px;width:min(100%,960px);padding:0;box-shadow:0 28px 80px #00000061}.slide-canvas,.presenter-slide{width:100%;height:100%;position:relative;overflow:hidden}.slide-canvas{border-radius:22px}.canvas-element{box-sizing:border-box;white-space:pre-wrap;-webkit-user-select:none;user-select:none;touch-action:none;padding:.08em;line-height:1.15;display:flex;position:absolute;overflow:hidden}.canvas-element.text{align-items:flex-start}.canvas-element.shape{box-shadow:0 18px 38px #0f172a29}.canvas-element.selected{outline-offset:3px;outline:2px solid #3b82f6}.resize-handle{z-index:20;background:#fff;border:2.5px solid #3b82f6;border-radius:50%;width:14px;height:14px;transition:transform .12s,background .12s,border-color .12s,box-shadow .12s;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 3px #3b82f62e}.resize-handle:hover{background:#3b82f6;border-color:#fff;transform:translate(-50%,-50%)scale(1.5);box-shadow:0 0 0 5px #3b82f64d}.resize-handle.nw{cursor:nwse-resize}.resize-handle.n{cursor:ns-resize}.resize-handle.ne{cursor:nesw-resize}.resize-handle.e{cursor:ew-resize}.resize-handle.se{cursor:nwse-resize}.resize-handle.s{cursor:ns-resize}.resize-handle.sw{cursor:nesw-resize}.resize-handle.w{cursor:ew-resize}.inspector label{color:#edd8ca}.inspector input,.inspector textarea,.inspector select{color:#fff7ed;background:#fffaf412;border-color:#fffaf41f}.two-cols{grid-template-columns:1fr 1fr;gap:10px;display:grid}.swatches{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.swatches button{border:1px solid #ffffff2e;min-height:46px}.miniature{aspect-ratio:16/9;border-radius:24px 24px 0 0;width:100%;position:relative;overflow:hidden}.miniature.small{border-radius:12px;flex:1;width:144px}.miniature span{opacity:.8;border-radius:5px;display:block;position:absolute}.html-miniature{aspect-ratio:16/9;width:100%;color:var(--ink);background:radial-gradient(circle at 22% 18%,#ff8b6d3d,#0000 28%),radial-gradient(circle at 78% 18%,#6ec6b633,#0000 26%),linear-gradient(135deg,#fffaf5 0%,#f1e2d5 100%);border-radius:24px 24px 0 0;align-content:center;place-items:center;gap:6px;display:grid}.html-miniature strong{letter-spacing:.14em;font-family:JetBrains Mono,monospace}.html-miniature span{max-width:80%;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:800;overflow:hidden}.html-template-miniature{aspect-ratio:16/9;border-radius:24px 24px 0 0;align-content:center;gap:16px;width:100%;padding:26px 28px;display:grid;position:relative;overflow:hidden}.html-template-miniature:after{content:"";filter:blur(12px);background:#ffffff2e;border-radius:999px;height:120px;position:absolute;bottom:-34%;left:42%;right:-12%}.template-window-bar{gap:7px;display:flex}.template-window-bar span{background:#ffffffb8;border-radius:999px;width:10px;height:10px}.template-layout-lines,.template-card-row{z-index:1;gap:10px;display:grid;position:relative}.template-layout-lines i{border-radius:7px;height:24px;display:block}.template-card-row{grid-template-columns:1.1fr .85fr .7fr;max-width:72%}.template-card-row b{border-radius:10px;height:44px;display:block}.template-mini-badge{z-index:2;color:#2f211c;background:#ffffffc7;border-radius:999px;align-items:center;gap:6px;min-height:30px;padding:0 10px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:900;display:inline-flex;position:absolute;bottom:16px;right:18px}.editor-badge{color:#bff4ea;background:#6ec6b61f;border:1px solid #6ec6b652;border-radius:999px;padding:5px 10px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:900}.html-editor-grid{grid-template-columns:minmax(360px,42%) minmax(420px,1fr);min-height:0;display:grid}.html-editor-grid.source-collapsed{grid-template-columns:1fr}.html-source-panel{background:radial-gradient(circle at 10% 0,#ff8b6d1a,#0000 24%),#1f1815;border-right:1px solid #fffaf41a;grid-template-rows:auto auto auto 1fr;gap:12px;min-height:calc(100vh - 58px);padding:16px;display:grid;overflow:hidden}.html-source-panel label{color:#edd8ca}.html-source-panel input,.html-source-panel textarea{color:#fff7ed;background:#fffaf412;border-color:#fffaf41f}.replace-bar{grid-template-columns:1fr 1fr auto;gap:8px;display:grid}.replace-bar button{color:#fff3e8;background:#ff8b6d24;border:1px solid #ff8b6d59;border-radius:16px;min-height:48px;padding:0 14px;font-weight:900}.html-source-area{resize:none;min-height:0;font-family:JetBrains Mono,monospace;font-size:12px;line-height:1.6}.html-preview-panel{background-color:#120e0d;background-image:linear-gradient(90deg,#fffaf40e 1px,#0000 1px),linear-gradient(#fffaf40e 1px,#0000 1px),radial-gradient(circle at 80% 12%,#6ec6b614,#0000 28%),none;background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;grid-template-rows:auto auto auto minmax(0,1fr);gap:12px;height:calc(100vh - 58px);min-height:0;padding:18px;display:grid;overflow:hidden}.html-preview-toolbar{color:#c9aa99;justify-content:space-between;align-items:center;gap:12px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:900;display:flex}.html-preview-actions{flex-wrap:wrap;justify-content:end;gap:8px;display:flex}.html-preview-actions button{color:#fff3e8;min-height:34px;font:inherit;background:#fffaf414;border:1px solid #fffaf421;border-radius:999px;padding:0 12px}.html-preview-actions button.active{color:#bff4ea;background:#6ec6b629;border-color:#6ec6b666}.html-preview-actions button:disabled{opacity:.58}.html-edit-toolbar{background:#fffaf412;border:1px solid #fffaf41f;border-radius:18px;flex-wrap:wrap;align-items:center;gap:8px;padding:8px;display:flex}.html-edit-toolbar button,.html-edit-toolbar label{color:#fff3e8;background:#fffaf414;border:1px solid #fffaf421;border-radius:12px;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:0 11px;font-weight:900;display:inline-flex}.html-edit-toolbar button:hover,.html-edit-toolbar label:hover{background:#ff8b6d24;border-color:#ff8b6d61}.toolbar-color,.toolbar-file{cursor:pointer;position:relative;overflow:hidden}.toolbar-color input,.toolbar-file input{opacity:0;position:absolute;inset:0}.html-plugin-panel{background:linear-gradient(135deg,#6ec6b61f,#ff8b6d14),#fffaf414;border:1px solid #6ec6b633;border-radius:20px;gap:12px;padding:12px;display:grid}.plugin-panel-head{justify-content:space-between;align-items:start;gap:12px;display:flex}.plugin-panel-head div{gap:4px;display:grid}.plugin-panel-head strong{color:#fff7ed;font-weight:900}.plugin-panel-head span{color:#c9aa99;font-size:12px;font-weight:800}.plugin-panel-head button{color:#fff3e8;background:#fffaf414;border:1px solid #fffaf41f;border-radius:12px;width:34px;height:34px}.plugin-presets{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.plugin-presets button{color:#edd8ca;text-align:left;background:#fffaf412;border:1px solid #fffaf41f;border-radius:16px;gap:5px;min-height:76px;padding:10px;display:grid}.plugin-presets button.active{color:#fff7ed;background:#6ec6b624;border-color:#6ec6b66b}.plugin-presets strong{font-size:13px}.plugin-presets span{color:#c9aa99;font-size:11px;line-height:1.4}.plugin-form{grid-template-columns:minmax(160px,auto) 1fr 1fr auto;align-items:center;gap:8px;display:grid}.component-plugin-form{grid-template-columns:1fr 1.4fr auto}.plugin-file,.plugin-insert{color:#fff3e8;background:#fffaf414;border:1px solid #fffaf421;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 12px;font-size:13px;font-weight:900;display:inline-flex}.plugin-file{cursor:pointer;position:relative;overflow:hidden}.plugin-file input{opacity:0;position:absolute;inset:0}.plugin-form input{border-radius:14px;min-height:42px}.plugin-insert{background:#ff8b6d24;border-color:#ff8b6d59}.plugin-insert:disabled{opacity:.48}.html-visual-inspector{background:#fffaf412;border:1px solid #fffaf41f;border-radius:18px;grid-template-columns:minmax(150px,1.4fr) repeat(5,minmax(74px,1fr)) minmax(120px,1.1fr);align-self:start;align-items:end;gap:8px;padding:10px;display:grid}.html-visual-inspector.empty{color:#c9aa99;font-size:13px;font-weight:800;display:block}.selected-dom-title{gap:3px;min-width:0;display:grid}.selected-dom-title strong{color:#bff4ea;letter-spacing:.14em;font-family:JetBrains Mono,monospace;font-size:12px}.selected-dom-title span{color:#edd8ca;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:800;overflow:hidden}.html-visual-inspector label{color:#c9aa99;gap:5px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:900}.html-visual-inspector input{border-radius:12px;min-height:34px;padding:6px 8px}.html-visual-inspector input[type=color]{padding:3px}.replace-image-control{min-width:0}.replace-image-control input{color:#edd8ca;font-size:11px}.html-preview-panel iframe,.html-presenter iframe{background:#fff;border:1px solid #fffaf429;border-radius:22px;width:100%;height:100%;min-height:0;box-shadow:0 28px 80px #00000061}.html-presenter iframe{box-shadow:none;border:0;border-radius:0}.presenter{z-index:200;background:#020617;place-items:center;display:grid;position:fixed;inset:0}.presenter-slide{width:100vw;height:100vh}.presenter-exit{z-index:2;color:#fff;background:#0f172a9e;border:1px solid #fff3;border-radius:16px;padding:10px 12px;font-weight:900;position:fixed;top:18px;right:18px}.presenter-progress{z-index:2;color:#fff;background:#0f172a9e;border-radius:999px;padding:8px 12px;font-weight:800;position:fixed;bottom:18px;right:20px}.fade-in{animation:.25s fadeIn}@keyframes fadeIn{0%{opacity:.35;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.toast{z-index:300;color:#2f6f65;background:#f0fdfaf0;border:1px solid #6ec6b65c;border-radius:18px;gap:8px;padding:12px 14px;font-weight:900;position:fixed;bottom:22px;right:22px;box-shadow:0 14px 36px #55332329}.spin{animation:.8s linear infinite spin}@media (width<=980px){.auth-screen{grid-template-columns:1fr}.editor-grid{grid-template-columns:190px minmax(420px,1fr)}.right-panel{border-top:1px solid #94a3b829;border-left:0;grid-column:1/-1;min-height:auto}.project-row,.html-editor-grid{grid-template-columns:1fr}.html-source-panel,.html-preview-panel{min-height:520px}.html-visual-inspector{grid-template-columns:repeat(2,minmax(0,1fr))}.selected-dom-title{grid-column:1/-1}.plugin-presets,.plugin-form{grid-template-columns:1fr 1fr}.plugin-insert{grid-column:1/-1}}@media (width<=720px){.top-nav,.editor-topbar{grid-template-columns:1fr;height:auto;padding:12px}.top-nav nav,.editor-actions,.editor-tools{flex-wrap:wrap;justify-content:start}.page-heading{flex-direction:column;align-items:start}.editor-grid{grid-template-columns:1fr}.left-panel,.right-panel{min-height:auto}.canvas-zone{padding:18px}}