:root,:root[data-theme=dark]{color-scheme:dark;--bg: #0e1116;--panel: #151a21;--panel-header: #181e26;--input-bg: #10151c;--border: #262d37;--border-strong: #333c48;--text: #e6e9ee;--text-2: #9aa4b2;--text-3: #66707e;--accent: #0ea5e9;--accent-hover: #38bdf8;--accent-soft: rgba(14, 165, 233, .12);--accent-contrast: #062836;--danger: #f87171;--overlay: rgba(4, 8, 14, .72);--shadow-menu: 0 8px 24px rgba(0, 0, 0, .45);--shadow-modal: 0 24px 48px rgba(0, 0, 0, .5)}:root[data-theme=light]{color-scheme:light;--bg: #f4f6f8;--panel: #ffffff;--panel-header: #f8fafc;--input-bg: #ffffff;--border: #d9e0e8;--border-strong: #c3ccd6;--text: #1b2430;--text-2: #57606e;--text-3: #8b95a3;--accent: #0270ad;--accent-hover: #025e91;--accent-soft: rgba(2, 112, 173, .1);--accent-contrast: #ffffff;--danger: #dc2626;--overlay: rgba(23, 32, 42, .45);--shadow-menu: 0 8px 24px rgba(15, 30, 50, .16);--shadow-modal: 0 24px 48px rgba(15, 30, 50, .22)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{letter-spacing:-.01em}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:5px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--text-3);background-clip:content-box}.app-container{display:flex;flex-direction:column;height:100vh;max-height:100vh;padding:.75rem 1rem 1rem}.app-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.75rem;padding:.35rem .25rem}.header-left{display:flex;align-items:center;gap:.65rem;min-width:0}.logo-lockup{display:flex;align-items:center;gap:.55rem;text-decoration:none;color:inherit}.logo-mark{display:block;border-radius:7px;flex-shrink:0}.wordmark{font-size:1.15rem;font-weight:700;letter-spacing:-.02em;color:var(--text)}.header-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border:1px solid transparent;padding:.48rem .95rem;border-radius:8px;font-size:.86rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease;white-space:nowrap}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--accent-contrast)}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-secondary{background:var(--panel);border-color:var(--border);color:var(--text-2)}.btn-secondary:hover:not(:disabled){border-color:var(--border-strong);color:var(--text)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--panel);border:1px solid var(--border);color:var(--text-2);border-radius:8px;font-size:.8rem;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease;flex-shrink:0}.icon-btn:hover:not(:disabled){border-color:var(--border-strong);color:var(--text)}.icon-btn:disabled{opacity:.45;cursor:not-allowed}.icon-btn.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.split-btn{position:relative;display:inline-flex}.split-btn .btn-primary{border-top-right-radius:0;border-bottom-right-radius:0}.split-caret{border-top-left-radius:0;border-bottom-left-radius:0;padding:.48rem .4rem;border-left:1px solid rgba(6,40,54,.3)}.menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:190}.export-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:200;min-width:230px;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:.35rem;box-shadow:var(--shadow-menu)}.export-menu button{display:flex;align-items:center;gap:.6rem;width:100%;background:none;border:none;color:var(--text);font-family:inherit;font-size:.86rem;font-weight:500;text-align:left;padding:.5rem .65rem;border-radius:6px;cursor:pointer}.export-menu button:hover:not(:disabled){background:var(--accent-soft)}.export-menu button:disabled{opacity:.45;cursor:not-allowed}.menu-divider{height:1px;background:var(--border);margin:.3rem .4rem}select,input[type=text]{background:var(--input-bg);border:1px solid var(--border);color:var(--text);padding:.45rem .75rem;border-radius:8px;font-family:inherit;font-size:.86rem;outline:none;transition:border-color .15s ease}select:focus,input[type=text]:focus,textarea:focus{border-color:var(--accent)}select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23808a98'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .65rem center;background-size:.9rem;padding-right:2.1rem}.sidebar-select,.sidebar-input{width:100%;padding:.42rem .65rem;font-size:.84rem}.sidebar-select{padding-right:2.1rem}.custom-css-input{width:100%;resize:vertical;min-height:110px;background:var(--input-bg);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:.6rem .7rem;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.78rem;line-height:1.55;outline:none;transition:border-color .15s ease}.checkbox-container{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.86rem;color:var(--text)}.checkbox-container:hover{color:var(--accent)}.checkbox-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{width:17px;height:17px;background:var(--input-bg);border:1px solid var(--border-strong);border-radius:4px;display:flex;align-items:center;justify-content:center;transition:background .15s ease,border-color .15s ease;flex-shrink:0}.checkbox-container input:checked~.checkmark{background:var(--accent);border-color:var(--accent)}.checkmark:after{content:"";display:none;width:4px;height:8px;border:solid var(--accent-contrast);border-width:0 2px 2px 0;transform:rotate(45deg);margin-top:-1px}.checkbox-container input:checked~.checkmark:after{display:block}.checkbox-desc{font-size:.74rem;color:var(--text-3);margin-top:.15rem;padding-left:1.55rem;line-height:1.45}.workspace-layout-container{display:flex;gap:.9rem;flex:1;min-height:0;width:100%}.workspace-layout{display:grid;grid-template-columns:1fr 1fr;gap:.9rem;flex:1;min-height:0}.panel{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--border);border-radius:10px;overflow:hidden;position:relative;min-height:0}.panel-error{border-color:var(--danger)}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.55rem 1rem;background:var(--panel-header);border-bottom:1px solid var(--border);min-height:46px}.panel-title{font-size:.85rem;font-weight:600;color:var(--text-2);display:flex;align-items:center;gap:.45rem;text-transform:uppercase;letter-spacing:.05em}.panel-title-icon{color:var(--text-3)}.panel-header-actions{display:flex;align-items:center;gap:.45rem}.panel-body{flex:1;display:flex;flex-direction:column;min-height:0;position:relative}.editor-codemirror{flex:1;min-height:0;overflow:hidden}.editor-codemirror .cm-editor{height:100%}.editor-stats{font-size:.74rem;color:var(--text-3);white-space:nowrap}.panel.drag-over{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.preview-iframe{width:100%;height:100%;border:none;background:transparent}.preview-raw{width:100%;height:100%;padding:1.25rem;background:var(--input-bg);color:var(--text-2);font-family:JetBrains Mono,ui-monospace,monospace;font-size:.82rem;line-height:1.55;overflow:auto;white-space:pre-wrap}.preview-error{padding:2rem;color:var(--danger);display:flex;gap:.5rem;align-items:center}.view-toggle{display:flex;background:var(--input-bg);border:1px solid var(--border);padding:.15rem;border-radius:8px}.toggle-option{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .65rem;border-radius:6px;font-size:.78rem;font-weight:600;cursor:pointer;color:var(--text-2);transition:background .15s ease,color .15s ease;background:none;border:none;font-family:inherit}.toggle-option.active{background:var(--accent-soft);color:var(--accent)}.toggle-option-icon{flex-shrink:0}.status-indicator{position:absolute;bottom:1rem;right:1.25rem;display:flex;align-items:center;gap:.5rem;font-size:.74rem;color:var(--text-2);background:var(--panel);border:1px solid var(--border);padding:.3rem .7rem;border-radius:999px;pointer-events:none;opacity:0;transform:translateY(5px);transition:opacity .25s ease,transform .25s ease}.status-indicator.visible{opacity:1;transform:translateY(0)}.spinner{animation:spin .8s linear infinite;color:var(--accent)}@keyframes spin{to{transform:rotate(360deg)}}.mobile-pane-tabs{display:none;position:fixed;bottom:1rem;left:50%;transform:translate(-50%);z-index:100;background:var(--panel);border:1px solid var(--border);border-radius:999px;padding:.25rem;gap:.25rem;box-shadow:var(--shadow-menu)}.mobile-pane-tabs button{display:inline-flex;align-items:center;gap:.3rem;background:none;border:none;color:var(--text-2);font-family:inherit;font-size:.85rem;font-weight:600;padding:.45rem 1.1rem;border-radius:999px;cursor:pointer;transition:background .15s ease,color .15s ease}.mobile-pane-tabs button.active{background:var(--accent);color:var(--accent-contrast)}@media (max-width: 900px){.workspace-layout{grid-template-columns:1fr;grid-template-rows:1fr}.workspace-layout.mobile-editor .preview-panel,.workspace-layout.mobile-preview .editor-panel{display:none}.mobile-pane-tabs{display:flex}.app-header{flex-wrap:wrap;gap:.6rem}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);display:flex;align-items:center;justify-content:center;z-index:1000;animation:modalFadeIn .18s ease-out}.modal-dialog{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:1.6rem 1.85rem;width:440px;max-width:90%;box-shadow:var(--shadow-modal);animation:modalScaleUp .2s ease-out}.modal-progress{text-align:center;max-width:380px;padding:1.75rem}.modal-spinner{margin-bottom:1rem}.modal-title{font-size:1.15rem;font-weight:700;color:var(--text);margin-bottom:.7rem}.modal-body-text{font-size:.92rem;color:var(--text-2);line-height:1.6;margin-bottom:1.25rem}.modal-footer{display:flex;justify-content:flex-end;gap:.6rem}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScaleUp{0%{transform:scale(.97);opacity:0}to{transform:scale(1);opacity:1}}.style-sidebar{width:290px;min-width:290px;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:1.1rem 1.15rem;display:flex;flex-direction:column;gap:1.1rem;overflow-y:auto}.style-section{display:flex;flex-direction:column;gap:.75rem;border-bottom:1px solid var(--border);padding-bottom:1rem}.style-section:last-child{border-bottom:none;padding-bottom:0}.style-section-title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3)}.style-control-row{display:flex;justify-content:space-between;align-items:center;gap:1rem}.style-control-stack{display:flex;flex-direction:column;align-items:stretch;gap:.35rem}.style-control-side{display:flex;align-items:center;gap:.5rem}.style-control-label{font-size:.84rem;color:var(--text-2);font-weight:500}.style-control-value{font-size:.84rem;font-weight:600;color:var(--accent)}.feature-groups{display:flex;flex-direction:column;gap:.75rem}.feature-group{display:flex;flex-direction:column;gap:.55rem}.feature-group-divided{border-top:1px solid var(--border);padding-top:.75rem;margin-top:.25rem}.feature-group-title{font-size:.72rem;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.15rem}.style-slider{width:100%;height:5px;background:var(--border);border-radius:3px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-top:.25rem}.style-slider::-webkit-slider-runnable-track{width:100%;height:5px;cursor:pointer;border-radius:3px}.style-slider::-webkit-slider-thumb{height:15px;width:15px;border-radius:50%;background:var(--accent);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-top:-5px;transition:transform .1s ease}.style-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.style-slider:disabled{opacity:.4;cursor:not-allowed}.style-slider:disabled::-webkit-slider-thumb{background:var(--text-3);cursor:not-allowed}.style-reset-btn{background:none;border:1px solid var(--border);color:var(--text-3);padding:.18rem .5rem;border-radius:5px;font-size:.72rem;cursor:pointer;transition:border-color .15s ease,color .15s ease;font-family:inherit}.style-reset-btn:hover{border-color:var(--border-strong);color:var(--text)}.color-picker-wrapper{display:flex;align-items:center;gap:.5rem}.color-input-custom{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:32px;height:24px;background:none;border:1px solid var(--border-strong);border-radius:6px;cursor:pointer;padding:0}.color-input-custom::-webkit-color-swatch{border:none;border-radius:4px}.color-reset-icon-btn{background:none;border:none;color:var(--text-3);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:color .15s ease}.color-reset-icon-btn:hover{color:var(--text)}@media (max-width: 1024px){.workspace-layout-container{flex-direction:column}.style-sidebar{width:100%;min-width:100%;max-height:300px}}.modal-wide{width:680px;max-width:94%;max-height:86vh;overflow-y:auto}.modal-header-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.modal-header-actions{display:flex;align-items:center;gap:.5rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.85rem 1.1rem}.form-field label{display:block;font-size:.76rem;font-weight:500;color:var(--text-2);margin-bottom:.32rem}.form-field-span{grid-column:1 / -1}.form-field .sidebar-select,.form-field .sidebar-input{width:100%}.color-hex{font-family:JetBrains Mono,ui-monospace,monospace;font-size:.74rem;color:var(--text-3)}.form-error{font-size:.78rem;color:var(--danger);margin-top:.5rem}.form-hint{font-size:.74rem;color:var(--text-3);line-height:1.5;margin-top:.9rem}@media (max-width: 560px){.form-grid{grid-template-columns:1fr}}.theme-list{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:10px;overflow:hidden;margin-bottom:1rem}.theme-list-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.55rem .75rem;border-bottom:1px solid var(--border)}.theme-list-row:last-child{border-bottom:none}.theme-swatch-btn{display:flex;align-items:center;gap:.65rem;background:none;border:none;color:var(--text);font-family:inherit;font-size:.88rem;font-weight:500;cursor:pointer;padding:.2rem .3rem;border-radius:6px}.theme-swatch-btn:hover{color:var(--accent)}.theme-swatch{display:inline-flex;align-items:center;justify-content:center;gap:3px;width:34px;height:22px;border:1px solid;border-radius:5px}.theme-swatch span{width:6px;height:10px;border-radius:2px;display:inline-block}.theme-list-actions{display:flex;align-items:center;gap:.35rem}.theme-list-actions .icon-btn{width:27px;height:27px}.theme-new-row{display:flex;align-items:center;gap:.65rem}.template-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.template-card{display:flex;flex-direction:column;align-items:flex-start;gap:.3rem;text-align:left;background:var(--input-bg);border:1px solid var(--border);border-radius:10px;padding:.85rem 1rem;cursor:pointer;font-family:inherit;color:var(--text);transition:border-color .15s ease,background .15s ease}.template-card:hover{border-color:var(--accent);background:var(--accent-soft)}.template-card-name{font-size:.92rem;font-weight:600}.template-card-desc{font-size:.78rem;color:var(--text-2);line-height:1.45}@media (max-width: 560px){.template-grid{grid-template-columns:1fr}}.snapshot-list{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:10px;overflow:hidden;max-height:260px;overflow-y:auto}.snapshot-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.45rem .7rem;border-bottom:1px solid var(--border)}.snapshot-row:last-child{border-bottom:none}.snapshot-info{display:flex;align-items:center;gap:.7rem;flex:1;min-width:0;background:none;border:none;font-family:inherit;color:var(--text);cursor:pointer;padding:.25rem .35rem;border-radius:6px;text-align:left}.snapshot-info:hover,.snapshot-info.active{background:var(--accent-soft)}.snapshot-time{font-size:.85rem;font-weight:600;white-space:nowrap}.snapshot-label{font-size:.72rem;font-weight:600;color:var(--accent);background:var(--accent-soft);padding:.12rem .5rem;border-radius:999px;white-space:nowrap}.snapshot-words{font-size:.76rem;color:var(--text-3);margin-left:auto;white-space:nowrap}.snapshot-actions{display:flex;align-items:center;gap:.35rem}.snapshot-actions .icon-btn{width:27px;height:27px}.diff-panel{margin-top:1rem}.diff-panel-title{font-size:.78rem;font-weight:600;color:var(--text-2);margin-bottom:.5rem}.diff-add-inline{color:#34d399}.diff-del-inline{color:var(--danger)}.diff-view{background:var(--input-bg);border:1px solid var(--border);border-radius:8px;padding:.6rem .75rem;max-height:280px;overflow:auto;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.76rem;line-height:1.55}.diff-line{white-space:pre-wrap;word-break:break-word}.diff-add{color:#34d399;background:#34d39914}.diff-del{color:var(--danger);background:#f8717114}.diff-skip{color:var(--text-3);text-align:center;padding:.15rem 0}.brand-logo-row{display:flex;align-items:center;gap:.6rem}.brand-logo-preview{height:36px;max-width:160px;object-fit:contain;background:var(--input-bg);border:1px solid var(--border);border-radius:6px;padding:3px 6px}.seo-textarea{min-height:56px;font-family:inherit;font-size:.84rem}.progress-bar-container{width:100%;height:6px;background:var(--border);border-radius:3px;overflow:hidden;margin:1rem 0 .5rem}.progress-bar-fill{height:100%;background:var(--accent);transition:width .3s ease}.account-wrap{position:relative;display:flex;align-items:center}.account-btn{overflow:hidden}.account-avatar{width:20px;height:20px;border-radius:50%;display:block}.account-dropdown{min-width:250px}.account-head{padding:.55rem .65rem .4rem}.account-name{font-size:.88rem;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-email{font-size:.78rem;color:var(--text-dim, var(--text));opacity:.75;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:.1rem}.account-plan{display:inline-block;margin-top:.45rem;font-size:.72rem;font-weight:600;padding:.14rem .5rem;border-radius:99px;border:1px solid var(--border);color:var(--text);opacity:.85}.account-plan-pro,.account-plan-team{border-color:var(--accent);color:var(--accent);opacity:1}.export-menu .menu-danger,.menu-danger{color:#e5484d}.signin-providers{display:flex;flex-direction:column;gap:.55rem;margin:.9rem 0 0}.signin-provider-form{display:contents}.signin-provider-btn{width:100%;justify-content:center}.signin-divider{display:flex;align-items:center;gap:.75rem;margin:.9rem 0;color:var(--text);opacity:.55;font-size:.78rem}.signin-divider:before,.signin-divider:after{content:"";flex:1;height:1px;background:var(--border)}.signin-email-form{display:flex;flex-direction:column;gap:.55rem}.signin-email-form .btn{justify-content:center}.signin-email-input{background:var(--input-bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:inherit;font-size:.88rem;padding:.55rem .7rem}.signin-email-input:focus{outline:none;border-color:var(--accent)}.share-dialog{max-width:30rem}.share-field{display:flex;flex-direction:column;gap:.3rem;margin:.55rem 0;font-size:.82rem}.share-field em{font-style:normal;opacity:.6}.share-check{display:flex;align-items:center;gap:.45rem;margin:.4rem 0;font-size:.82rem;cursor:pointer}.share-result{display:flex;align-items:center;gap:.5rem;margin:.6rem 0;padding:.5rem .7rem;border:1px solid var(--accent);border-radius:8px;font-size:.82rem;overflow-wrap:anywhere}.share-result a{color:var(--accent);flex:1}.share-list-title{margin:.6rem 0 .35rem;font-size:.82rem;font-weight:600;opacity:.8}.share-list{list-style:none;margin:0;padding:0;max-height:14rem;overflow-y:auto}.share-row{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.35rem 0;border-bottom:1px solid var(--border);font-size:.82rem}.share-row:last-child{border-bottom:none}.share-row-main{display:flex;align-items:center;gap:.5rem;min-width:0}.share-row-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-row-status{font-size:.68rem;padding:.1rem .45rem;border-radius:99px;border:1px solid var(--border);opacity:.85;text-transform:capitalize;flex-shrink:0}.share-status-live{border-color:var(--accent);color:var(--accent)}.share-status-password{border-color:#caa53d;color:#caa53d}.share-status-expired,.share-status-unpublished{opacity:.5}.share-row-actions{display:flex;align-items:center;gap:.15rem;flex-shrink:0}