:root{--bg: oklch(98.5% 0.006 270);--surface: #ffffff;--surface-raised: oklch(96.5% 0.005 270);--surface-hover: oklch(93.5% 0.007 270);--border: oklch(89% 0.009 270);--border-subtle: oklch(93% 0.006 270);--text: oklch(17% 0.025 270);--text-muted: oklch(44% 0.018 270);--text-dim: oklch(61% 0.012 270);--accent: #7c6cf0;--accent-light: #9b8ff7;--accent-dark: #5b4bd4;--accent-glow: rgba(124, 108, 240, 0.12);--accent-border: rgba(124, 108, 240, 0.25);--nav-accent-light: #9b8ff7;--glass: rgba(255, 255, 255, 0.92);--shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.04);--shadow-md: 0 6px 20px rgba(0, 0, 0, 0.07), 0 0 0 1px rgba(0, 0, 0, 0.04);--shadow-hover: 0 10px 32px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.05)}[data-theme=dark]{--bg: #08080c;--surface: #0c0c14;--surface-raised: #11111a;--surface-hover: #15151f;--border: rgba(255, 255, 255, 0.10);--border-subtle: rgba(255, 255, 255, 0.06);--text: #f0f0f4;--text-muted: rgba(240, 240, 244, 0.65);--text-dim: rgba(240, 240, 244, 0.45);--glass: rgba(8, 8, 12, 0.85);--shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.35);--shadow-md: 0 6px 20px rgba(0, 0, 0, 0.45);--shadow-hover: 0 10px 32px rgba(0, 0, 0, 0.55);color-scheme:dark}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{-webkit-font-smoothing:antialiased}body{font-family:"Inter",system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;display:flex;flex-direction:column;transition:background .25s ease,color .25s ease;line-height:1.5}[hidden]{display:none !important}.nav{display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:56px;background:var(--glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;flex-shrink:0}.nav__brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}.nav__logo{width:30px;height:30px;flex-shrink:0}.nav__name{font-size:17px;font-weight:800;letter-spacing:-0.4px;color:var(--text)}.nav__name em{font-style:normal;color:var(--nav-accent-light)}.nav__center{display:flex;align-items:center;gap:8px}.nav__sep{color:var(--border);font-size:18px;font-weight:300;line-height:1}.nav__tool-badge{display:flex;align-items:center;gap:7px;padding:5px 12px;border-radius:20px;background:var(--accent-glow);border:1px solid var(--accent-border);font-size:13px;font-weight:600;color:var(--accent)}.nav__tool-dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}.nav__links{display:flex;align-items:center;gap:2px}.nav__link{padding:6px 12px;border-radius:7px;font-size:13.5px;font-weight:500;color:var(--text-muted);text-decoration:none;transition:all .18s ease;border:1px solid rgba(0,0,0,0)}.nav__link:hover{color:var(--text);background:var(--surface-hover)}.nav__link--active{color:var(--accent);background:var(--accent-glow);border-color:var(--accent-border)}.nav__actions{display:flex;align-items:center;gap:6px}.nav__icon-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--border);border-radius:7px;background:var(--surface);color:var(--text-muted);cursor:pointer;transition:all .18s ease;text-decoration:none}.nav__icon-btn:hover{border-color:var(--accent-border);color:var(--accent);background:var(--accent-glow)}.nav__lang{font-size:11px;font-weight:700;letter-spacing:.4px}.tool-header{display:flex;align-items:center;justify-content:space-between;padding:10px 24px;gap:16px;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;flex-wrap:wrap}.tool-header__left{display:flex;align-items:center;gap:10px;flex-shrink:0}.tool-header__icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:var(--accent-glow);color:var(--accent);flex-shrink:0}.tool-header__title{font-size:13.5px;font-weight:700;color:var(--text);white-space:nowrap;letter-spacing:-0.1px}.tool-header__desc{font-size:11.5px;color:var(--text-dim);white-space:nowrap;margin-left:6px}.tool-header__right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mode-tabs{display:flex;gap:3px;background:var(--surface-raised);border:1px solid var(--border);padding:3px;border-radius:8px}.mode-tab{padding:5px 14px;border-radius:6px;border:none;background:none;font-family:"Inter",system-ui,-apple-system,sans-serif;font-size:12.5px;font-weight:600;color:var(--text-dim);cursor:pointer;transition:all .15s ease;display:flex;align-items:center;gap:5px}.mode-tab:hover{color:var(--text-muted)}.mode-tab.active{background:var(--surface);color:var(--accent);box-shadow:var(--shadow-sm)}.mode-tab svg{flex-shrink:0;opacity:.85}.hdr-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:7px;border:none;font-family:"Inter",system-ui,-apple-system,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:all .18s ease}.hdr-btn svg{flex-shrink:0}.hdr-btn--primary{background:linear-gradient(135deg, var(--accent), var(--accent-dark));color:#fff;box-shadow:0 2px 8px var(--accent-glow)}.hdr-btn--primary:hover{box-shadow:0 4px 16px var(--accent-border);transform:translateY(-1px)}.hdr-btn--primary:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.hdr-btn--ghost{background:var(--surface);color:var(--text-muted);border:1px solid var(--border)}.hdr-btn--ghost:hover{background:var(--surface-hover);color:var(--text);border-color:var(--accent-border)}.hdr-btn--ghost:disabled{opacity:.4;cursor:not-allowed}.workspace{flex:1;display:grid;grid-template-columns:1fr 3px 1fr;overflow:hidden;min-height:0}.divider{width:3px;background:var(--border)}.panel{display:flex;flex-direction:column;overflow:hidden;min-height:0}.panel__header{display:flex;align-items:center;justify-content:space-between;padding:8px 20px;min-height:49px;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0}.panel__header-left{display:flex;align-items:center;gap:8px}.panel__header-right{display:flex;align-items:center;gap:6px}.panel__dot{width:7px;height:7px;border-radius:50%}.panel__dot--green{background:#22c55e;box-shadow:0 0 6px rgba(34,197,94,.4)}.panel__dot--accent{background:var(--accent);box-shadow:0 0 6px var(--accent-glow)}.panel__dot--emerald{background:var(--accent);box-shadow:0 0 6px var(--accent-glow)}.panel__dot--blue{background:var(--accent);box-shadow:0 0 6px var(--accent-glow)}.panel__title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:var(--text-dim)}.panel__badge{font-family:"JetBrains Mono",ui-monospace,monospace;font-size:11px;color:var(--text-dim);padding:2px 8px;background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:20px}.panel__badge--savings{color:var(--accent);background:var(--accent-glow);border-color:var(--accent-border);font-weight:700}.icon-btn{width:28px;height:28px;border-radius:6px;border:1px solid var(--border);background:var(--surface-raised);color:var(--text-dim);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.icon-btn:hover{border-color:var(--accent-border);color:var(--accent);background:var(--accent-glow)}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.editor{flex:1;resize:none;border:none;outline:none;padding:20px;font-family:"JetBrains Mono",ui-monospace,monospace;font-size:13px;line-height:1.7;background:var(--bg);color:var(--text);tab-size:2;width:100%}.editor::placeholder{color:var(--text-dim)}.editor[readonly]{background:var(--surface);cursor:default}.editor::-webkit-scrollbar{width:6px}.editor::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.editor::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}.output-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--text-dim);text-align:center;padding:32px}.output-empty__icon{width:48px;height:48px;border-radius:12px;background:var(--surface-raised);border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;color:var(--border);margin-bottom:4px}.output-empty__title{font-size:13.5px;font-weight:600;color:var(--text-muted)}.output-empty__sub{font-size:12.5px;color:var(--text-dim)}.output-wrap{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.toast{position:fixed;bottom:72px;left:50%;transform:translateX(-50%) translateY(60px);display:flex;align-items:center;gap:10px;padding:12px 20px;background:var(--glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--accent-border);border-radius:10px;box-shadow:var(--shadow-hover);opacity:0;transition:all .35s cubic-bezier(0.34, 1.56, 0.64, 1);pointer-events:none;z-index:200}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.toast__dot{width:8px;height:8px;border-radius:50%;background:var(--accent)}.toast__icon{width:22px;height:22px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.toast__text{font-size:13px;font-weight:600;color:var(--text)}.footer{border-top:1px solid var(--border);background:var(--glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;flex-shrink:0}.footer__left{display:flex;align-items:center;gap:16px}.footer__brand{font-size:13px;font-weight:700;color:var(--text-muted);text-decoration:none}.footer__brand em{font-style:normal;color:var(--nav-accent-light)}.footer__privacy{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:#22c55e;background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.15);padding:3px 10px;border-radius:20px}.footer__privacy-dot{width:5px;height:5px;border-radius:50%;background:#22c55e;animation:faiPulse 2s infinite}.footer__links{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.footer__link{font-size:12.5px;color:var(--text-dim);text-decoration:none;padding:4px 8px;border-radius:5px;transition:color .15s,background .15s}.footer__link:hover{color:var(--text);background:var(--surface-hover)}@keyframes faiPulse{0%,100%{opacity:1}50%{opacity:.45}}.drop-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:280px;border:2px dashed var(--border);border-radius:14px;cursor:pointer;transition:all .2s ease;text-align:center;padding:32px;margin:16px}.drop-zone:hover,.drop-zone.drag-over{border-color:var(--accent);background:var(--accent-glow)}.drop-zone__icon{width:56px;height:56px;border-radius:14px;margin-bottom:16px;background:var(--accent-glow);border:1px solid var(--accent-border);display:flex;align-items:center;justify-content:center;color:var(--accent);transition:transform .2s ease}.drop-zone:hover .drop-zone__icon{transform:scale(1.08)}.drop-zone__title{font-size:15px;font-weight:700;color:var(--text);margin-bottom:6px}.drop-zone__sub{font-size:13px;color:var(--text-dim);margin-bottom:20px;line-height:1.5}.drop-zone__formats{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin-bottom:20px}.drop-zone__browse{padding:9px 20px;border-radius:8px;border:1px solid var(--accent-border);background:var(--accent-glow);color:var(--accent);font-family:"Inter",system-ui,-apple-system,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:all .18s ease}.drop-zone__browse:hover{background:var(--accent-glow);border-color:var(--accent);filter:brightness(0.97)}.drop-zone__note{margin-top:14px;font-size:11.5px;color:var(--text-dim);display:flex;align-items:center;gap:5px}.drop-zone--compact{flex-direction:row;height:auto;min-height:0;margin:12px 16px 4px;padding:10px;gap:7px;border-width:1.5px;color:var(--text-dim);font-family:"Inter",system-ui,-apple-system,sans-serif;font-size:13px;font-weight:500;background:rgba(0,0,0,0);border-radius:9px}.drop-zone--compact:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-glow)}.fmt-tag{font-size:11px;font-weight:700;letter-spacing:.3px;padding:3px 10px;border-radius:20px;background:var(--surface-raised);border:1px solid var(--border);color:var(--text-dim);font-family:"JetBrains Mono",ui-monospace,monospace}.file-list{display:flex;flex-direction:column;gap:8px;padding:8px 16px;overflow-y:auto;flex:1}.file-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--surface);transition:border-color .15s}.file-item:hover{border-color:var(--accent-border)}.file-item__thumb{width:44px;height:44px;border-radius:7px;flex-shrink:0;background:var(--surface-raised);border:1px solid var(--border);overflow:hidden;display:flex;align-items:center;justify-content:center;color:var(--text-dim)}.file-item__thumb img{width:100%;height:100%;object-fit:cover}.file-item__info{flex:1;min-width:0}.file-item__name{font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-item__meta{font-size:11.5px;color:var(--text-dim);font-family:"JetBrains Mono",ui-monospace,monospace;margin-top:2px}.file-item__status{flex-shrink:0}.file-item__remove{width:26px;height:26px;border-radius:6px;border:none;background:none;color:var(--text-dim);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}.file-item__remove:hover{background:rgba(239,68,68,.1);color:#ef4444}.file-badge{font-size:10.5px;font-weight:600;padding:3px 8px;border-radius:20px}.file-badge--waiting{color:var(--text-dim);background:var(--surface-raised);border:1px solid var(--border-subtle)}.file-badge--converting{color:#f97316;background:rgba(249,115,22,.1);border:1px solid rgba(249,115,22,.2)}.file-badge--done{color:#22c55e;background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.18)}.file-badge--error{color:#ef4444;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2)}.results-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:280px;text-align:center;padding:32px;color:var(--text-dim)}.results-empty__icon{width:52px;height:52px;border-radius:14px;margin-bottom:14px;background:var(--surface-raised);border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;color:var(--border)}.results-empty__title{font-size:14px;font-weight:600;color:var(--text-muted);margin-bottom:4px}.results-empty__sub{font-size:13px;color:var(--text-dim)}.summary-bar{display:grid;grid-template-columns:repeat(4, 1fr);gap:1px;background:var(--border-subtle);border-bottom:1px solid var(--border);flex-shrink:0}.summary-stat{padding:10px 16px;background:var(--surface);display:flex;flex-direction:column;gap:2px}.summary-stat__label{font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--text-dim)}.summary-stat__val{font-size:16px;font-weight:800;color:var(--text);font-family:"JetBrains Mono",ui-monospace,monospace;letter-spacing:-0.5px}.summary-stat--savings .summary-stat__val{color:#22c55e}.convert-progress{padding:16px 20px;border-bottom:1px solid var(--border-subtle);flex-shrink:0}.convert-progress__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.convert-progress__label{font-size:12.5px;font-weight:600;color:var(--text-muted)}.convert-progress__pct{font-size:12px;font-family:"JetBrains Mono",ui-monospace,monospace;color:var(--accent);font-weight:500}.convert-progress__file{font-size:11px;color:var(--text-dim);margin-top:6px;font-family:"JetBrains Mono",ui-monospace,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.progress-track{height:4px;background:var(--surface-raised);border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg, var(--accent), var(--accent-light));border-radius:2px;transition:width .3s ease}.about-trigger{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--border);border-radius:7px;background:var(--surface);color:var(--text-muted);cursor:pointer;transition:all .18s ease;font-family:"Inter",system-ui,-apple-system,sans-serif;font-size:14px;font-weight:700}.about-trigger:hover{border-color:var(--accent-border);color:var(--accent);background:var(--accent-glow)}.about-modal-overlay{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.55);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;transition:opacity .2s ease}.about-modal-overlay.show{opacity:1}.about-modal-overlay[hidden]{display:none !important}.about-modal{width:100%;max-width:560px;max-height:80vh;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-hover);overflow:hidden;display:flex;flex-direction:column;transform:translateY(12px) scale(0.98);transition:transform .2s ease}.about-modal-overlay.show .about-modal{transform:translateY(0) scale(1)}.about-modal__header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px 14px;border-bottom:1px solid var(--border);flex-shrink:0}.about-modal__title{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;color:var(--text)}.about-modal__icon{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:var(--accent-glow);color:var(--accent);flex-shrink:0}.about-modal__close{width:30px;height:30px;border:none;border-radius:7px;background:rgba(0,0,0,0);color:var(--text-dim);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.about-modal__close:hover{background:var(--surface-hover);color:var(--text)}.about-modal__body{flex:1;overflow-y:auto;padding:18px 22px 22px}.about-modal__body::-webkit-scrollbar{width:4px}.about-modal__body::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.about-modal__desc{font-size:14px;line-height:1.7;color:var(--text-muted);margin-bottom:18px}.about-modal__desc strong{color:var(--text);font-weight:700}.about-modal__section-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-dim);margin:16px 0 8px}.about-modal__steps{list-style:none;margin:0;padding:0;counter-reset:step}.about-modal__steps li{font-size:13.5px;color:var(--text-muted);line-height:1.6;padding:6px 0 6px 30px;position:relative;counter-increment:step}.about-modal__steps li::before{content:counter(step);position:absolute;left:0;top:6px;width:22px;height:22px;border-radius:6px;background:var(--accent-glow);color:var(--accent);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}.about-modal__features{list-style:none;margin:0;padding:0}.about-modal__features li{font-size:13.5px;color:var(--text-muted);line-height:1.6;padding:5px 0 5px 18px;position:relative}.about-modal__features li::before{content:"";position:absolute;left:0;top:11px;width:6px;height:6px;border-radius:50%;background:var(--accent)}@media(max-width: 600px){.about-modal{max-width:100%;max-height:100%;height:100%;border-radius:0}}.seo-content{display:none}.bg-grid{position:fixed;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(var(--border-subtle) 1px, transparent 1px),linear-gradient(90deg, var(--border-subtle) 1px, transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse 80% 60% at 50% 0%, black 20%, transparent 80%);opacity:.5}.app{position:relative;z-index:1;display:flex;flex-direction:column;min-height:100vh}@media(max-width: 720px){.workspace{grid-template-columns:1fr;grid-template-rows:1fr 3px 1fr}.divider{height:3px;width:100%}.nav{padding:0 16px}.nav__links{display:none}.nav__center{display:none}.tool-header{padding:10px 16px;flex-wrap:wrap;gap:10px}.tool-header__right{width:100%;justify-content:flex-end}.tool-header__desc{display:none}.footer{flex-direction:column;align-items:flex-start;gap:10px;padding:12px 16px}}:root{--accent: #f97316;--accent-light: #fb923c;--accent-dark: #ea580c;--accent-glow: rgba(249, 115, 22, 0.12);--accent-border: rgba(249, 115, 22, 0.25)}.workspace--builder{grid-template-columns:232px 1fr 296px;grid-template-rows:minmax(0, 1fr)}.workspace--builder .panel{border-right:1px solid var(--border);min-height:0}.workspace--builder .panel:last-child{border-right:none}.workspace--builder .builder__palette,.workspace--builder .builder__form{grid-column:1;grid-row:1}.workspace--builder .builder__canvas-wrap{grid-column:2;grid-row:1}.workspace--builder .builder__inspector,.workspace--builder .builder__gallery{grid-column:3;grid-row:1;border-right:none}.workspace--builder .divider{display:none}.builder__form,.builder__gallery{display:none}body.mode-form .builder__palette,body.mode-form .builder__inspector{display:none}body.mode-form .builder__form,body.mode-form .builder__gallery{display:flex}body.mode-form #undoBtn,body.mode-form #redoBtn,body.mode-form #resetBtn{display:none}body.mode-builder .builder__form,body.mode-builder .builder__gallery{display:none}.builder__form{flex-direction:column;overflow:hidden;min-height:0}.builder__form-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:14px;min-height:0}.builder__form-body::-webkit-scrollbar{width:6px}.builder__form-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.builder__form-body::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}.form-section{margin-bottom:18px}.form-section:last-child{margin-bottom:4px}.form-section__title{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.9px;color:var(--text-dim);padding:0 0 10px;margin-bottom:2px;border-bottom:1px solid var(--border-subtle)}.form-section .social-list__add{margin-top:2px}.builder__gallery{flex-direction:column;overflow:hidden;min-height:0}.builder__gallery-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:14px;min-height:0}.builder__gallery-body::-webkit-scrollbar{width:6px}.builder__gallery-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.builder__gallery-body::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}.gallery-hint{font-size:11.5px;color:var(--text-dim);line-height:1.5;margin:0 0 14px}.tpl-gallery{display:flex;flex-direction:column;gap:8px}.tpl-card{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--surface);cursor:pointer;transition:all .15s ease;text-align:left;font-family:inherit;width:100%}.tpl-card:hover{border-color:var(--accent-border);background:var(--accent-glow);transform:translateY(-1px)}.tpl-card:hover .tpl-card__name{color:var(--accent)}.tpl-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tpl-card.is-active{border-color:var(--accent);background:var(--accent-glow);box-shadow:0 0 0 1px var(--accent-border)}.tpl-card.is-active .tpl-card__name{color:var(--accent)}.tpl-card.is-active .tpl-card__thumb{color:var(--accent)}.tpl-card__thumb{width:60px;height:46px;flex-shrink:0;border-radius:7px;background:var(--surface-raised);border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:color .15s ease}.tpl-card__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.tpl-card__name{font-size:12.5px;font-weight:600;color:var(--text);transition:color .15s}.tpl-card__desc{font-size:10.5px;color:var(--text-dim);line-height:1.35}.builder__palette{display:flex;flex-direction:column;overflow:hidden;min-height:0}.builder__palette-body{flex:1;overflow-y:auto;padding:12px}.builder__palette-body::-webkit-scrollbar{width:4px}.builder__palette-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.palette-section{margin-bottom:18px}.palette-section__title{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.9px;color:var(--text-dim);padding:0 4px 8px}.palette-section__grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.palette-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:12px 8px;border-radius:9px;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font-family:"Inter",system-ui,-apple-system,sans-serif;font-size:11.5px;font-weight:600;cursor:grab;transition:all .15s ease;user-select:none}.palette-item:hover{border-color:var(--accent-border);color:var(--accent);background:var(--accent-glow);transform:translateY(-1px)}.palette-item:active,.palette-item.dragging{cursor:grabbing;opacity:.6}.palette-item svg{flex-shrink:0;opacity:.85}.palette-templates{display:flex;flex-direction:column;gap:6px}.palette-template{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:9px;border:1px solid var(--border);background:var(--surface);cursor:pointer;transition:all .15s ease;text-align:left;font-family:inherit;width:100%}.palette-template:hover{border-color:var(--accent-border);background:var(--accent-glow)}.palette-template:hover .palette-template__name{color:var(--accent)}.palette-template__thumb{width:36px;height:28px;border-radius:5px;background:var(--surface-raised);border:1px solid var(--border-subtle);flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--text-dim);font-size:10px;font-weight:700}.palette-template__info{flex:1;min-width:0}.palette-template__name{font-size:12.5px;font-weight:600;color:var(--text);transition:color .15s}.palette-template__sub{font-size:10.5px;color:var(--text-dim);margin-top:1px}.builder__canvas-wrap{display:flex;flex-direction:column;overflow:hidden;background:var(--surface-raised);min-height:0}.builder__canvas-toolbar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;min-height:49px;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;gap:8px;flex-wrap:wrap}.builder__canvas-toolbar-group{display:flex;align-items:center;gap:6px}.builder__canvas-area{flex:1;overflow:auto;padding:12px 24px 56px;display:flex;flex-direction:column;align-items:center;gap:14px}.builder__canvas-area::-webkit-scrollbar{width:6px;height:6px}.builder__canvas-area::-webkit-scrollbar-thumb{background:var(--border);border-radius:6px}.canvas-toolbar{width:100%;max-width:720px;display:flex;align-items:center;flex-wrap:wrap;gap:14px 18px;padding:10px 14px;border:1px solid var(--border);background:var(--surface);border-radius:8px;font-family:"Inter",system-ui,-apple-system,sans-serif}.canvas-toolbar__group{display:flex;align-items:center;gap:6px}.canvas-toolbar__label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted)}.canvas-toolbar__num{width:60px;height:26px;padding:0 6px;font-family:"JetBrains Mono",ui-monospace,monospace;font-size:12px;color:var(--text);border:1px solid var(--border);border-radius:5px;background:var(--surface-raised)}.canvas-toolbar__num:focus{outline:none;border-color:var(--accent-border);background:var(--accent-glow)}.canvas-toolbar__num::-webkit-inner-spin-button,.canvas-toolbar__num::-webkit-outer-spin-button{opacity:.5}.canvas-toolbar__unit{font-family:"JetBrains Mono",ui-monospace,monospace;font-size:11px;color:var(--text-dim);margin-left:-2px}.toggle-group--mini .toggle-group__btn{padding:4px 10px;font-size:11px}.zoom-control{display:flex;align-items:center;gap:4px}.zoom-control__btn{width:24px;height:24px;border:1px solid var(--border);border-radius:5px;background:var(--surface);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.zoom-control__btn:hover{border-color:var(--accent-border);color:var(--accent);background:var(--accent-glow)}.zoom-control__label{font-family:"JetBrains Mono",ui-monospace,monospace;font-size:11px;color:var(--text-muted);background:var(--surface-raised);border:1px solid var(--border-subtle);padding:4px 8px;border-radius:5px;cursor:pointer;min-width:46px;text-align:center;transition:all .15s ease}.zoom-control__label:hover{color:var(--accent);border-color:var(--accent-border)}.canvas-frame{width:100%;max-width:600px;background:#fff;border-radius:6px;box-shadow:0 4px 24px rgba(0,0,0,.08),0 0 0 1px var(--border);padding:0;min-height:80px;position:relative;overflow:hidden}.canvas-frame.is-empty{display:flex;align-items:center;justify-content:center;min-height:200px;padding:24px}.canvas-frame--overflow{box-shadow:0 4px 24px rgba(239,68,68,.18),0 0 0 1px #ef4444}.canvas-frame--overflow::after{content:attr(data-warn);position:absolute;left:0;right:0;bottom:-26px;text-align:center;font-family:"JetBrains Mono",ui-monospace,monospace;font-size:10.5px;font-weight:700;color:#ef4444;letter-spacing:.3px;pointer-events:none}.canvas-empty{display:flex;flex-direction:column;align-items:center;gap:10px;color:#9ca3af;text-align:center;padding:24px}.canvas-empty__icon{width:48px;height:48px;border-radius:12px;background:rgba(249,115,22,.08);border:1px dashed var(--accent-border);display:flex;align-items:center;justify-content:center;color:var(--accent)}.canvas-empty__title{font-size:13.5px;font-weight:600;color:#4b5563}.canvas-empty__sub{font-size:12px;color:#9ca3af;line-height:1.5}.canvas-block{position:relative;cursor:pointer;outline:1px solid rgba(0,0,0,0);outline-offset:2px;border-radius:3px;transition:outline-color .12s ease,opacity .15s ease;max-width:100%;min-width:0}.canvas-block.is-selected{cursor:move}.canvas-block:hover{outline-color:var(--accent-border)}.canvas-block.is-selected{outline:2px solid var(--accent);outline-offset:2px}.canvas-block.is-parent-of-selected{outline:1px dashed rgba(124,108,240,.55);outline-offset:2px}.canvas-block.is-dragging{opacity:.4}.canvas-block.drop-above::before,.canvas-block.drop-below::after{content:"";position:absolute;left:0;right:0;height:2px;background:var(--accent);box-shadow:0 0 0 2px var(--accent-glow);border-radius:2px;z-index:10;pointer-events:none}.canvas-block.drop-above::before{top:-3px}.canvas-block.drop-below::after{bottom:-3px}.canvas-block__handle{position:absolute;top:-22px;left:0;display:inline-flex;align-items:center;gap:4px;padding:3px 8px;background:var(--accent);color:#fff;border-radius:4px 4px 0 0;font-family:"Inter",system-ui,-apple-system,sans-serif;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;z-index:5;cursor:grab;opacity:0;transition:opacity .15s ease}.canvas-block__handle:active{cursor:grabbing}.canvas-block:hover .canvas-block__handle{opacity:.55}.canvas-block.is-selected .canvas-block__handle{opacity:1}.canvas-block__delete{margin-left:4px;padding:0;border:none;background:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:3px}.canvas-block__delete:hover{background:hsla(0,0%,100%,.18)}.canvas-block__resize{position:absolute;background:var(--accent);opacity:0;transition:opacity .15s ease;z-index:4}.canvas-block__resize--top,.canvas-block__resize--bottom{left:50%;transform:translateX(-50%);width:40px;height:6px;border-radius:3px;cursor:ns-resize}.canvas-block__resize--top{top:-3px}.canvas-block__resize--bottom{bottom:-3px}.canvas-block__resize--left,.canvas-block__resize--right{top:50%;transform:translateY(-50%);width:6px;height:40px;border-radius:3px;cursor:ew-resize}.canvas-block__resize--left{left:-3px}.canvas-block__resize--right{right:-3px}.canvas-block__resize:hover{opacity:.95}.canvas-block.is-selected .canvas-block__resize{opacity:.55}.canvas-block.is-selected .canvas-block__resize:hover{opacity:1}.resize-label{position:fixed;z-index:9999;pointer-events:none;background:var(--accent);color:#fff;font-family:"JetBrains Mono",ui-monospace,monospace;font-size:11px;font-weight:700;padding:3px 8px;border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,.18);letter-spacing:.2px;white-space:nowrap}body.is-moving-block,body.is-moving-block *{cursor:move !important;user-select:none !important}.palette-item--dragging{opacity:.4;transform:scale(0.95)}.canvas-frame--drop-target{outline:2px dashed var(--accent);outline-offset:-10px;background:linear-gradient(rgba(249, 115, 22, 0.04), rgba(249, 115, 22, 0.04)),#fff}.canvas-frame-block{position:absolute;cursor:move;outline:1px solid rgba(16,185,129,.45);outline-offset:-1px;user-select:none}.canvas-frame-block:hover{outline:1px solid #10b981}.canvas-frame-block.is-selected{outline:2px solid #10b981;outline-offset:-2px;z-index:2}.canvas-frame-block .canvas-block__handle{position:absolute;top:-22px;left:0;display:inline-flex;opacity:0;z-index:5}.canvas-frame-block:hover .canvas-block__handle{opacity:.55}.canvas-frame-block.is-selected .canvas-block__handle{opacity:1}.canvas-frame-resize{position:absolute;width:10px;height:10px;background:#fff;border:1.5px solid var(--accent);border-radius:2px;box-shadow:0 1px 3px rgba(0,0,0,.18);z-index:6}.canvas-frame-resize--nw{top:-6px;left:-6px;cursor:nwse-resize}.canvas-frame-resize--ne{top:-6px;right:-6px;cursor:nesw-resize}.canvas-frame-resize--sw{bottom:-6px;left:-6px;cursor:nesw-resize}.canvas-frame-resize--se{bottom:-6px;right:-6px;cursor:nwse-resize}.canvas-frame-resize:hover{background:var(--accent)}.frame-draw-ghost{position:absolute;background:rgba(249,115,22,.08);border:2px dashed var(--accent);pointer-events:none;z-index:10}.canvas-text--editable{cursor:text}.canvas-text--editable:focus{outline:none;background:linear-gradient(rgba(249, 115, 22, 0.06), rgba(249, 115, 22, 0.06));border-radius:3px}.image-shell{position:relative;display:inline-block;vertical-align:top;user-select:none;max-width:100%}.image-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:100%;height:100%;background:repeating-linear-gradient(45deg, #f8fafc, #f8fafc 6px, #f1f5f9 6px, #f1f5f9 12px);border:1px dashed #cbd5e1;border-radius:4px;color:#94a3b8;font-family:"Inter",system-ui,-apple-system,sans-serif}.image-placeholder__icon{color:#cbd5e1;flex-shrink:0}.image-placeholder__size{font-family:"JetBrains Mono",ui-monospace,monospace;font-size:11px;font-weight:600;color:#64748b}.image-placeholder__hint{font-size:10px;color:#ef4444}.canvas-block:not(.is-selected) .image-resize{display:none}.canvas-block:not(.is-selected) .image-size-badge{display:none}.image-resize{position:absolute;width:10px;height:10px;background:#fff;border:1.5px solid var(--accent);border-radius:2px;box-shadow:0 1px 3px rgba(0,0,0,.18);z-index:6}.image-resize--nw{top:-6px;left:-6px;cursor:nwse-resize}.image-resize--ne{top:-6px;right:-6px;cursor:nesw-resize}.image-resize--sw{bottom:-6px;left:-6px;cursor:nesw-resize}.image-resize--se{bottom:-6px;right:-6px;cursor:nwse-resize}.image-resize:hover{background:var(--accent)}.image-size-badge{position:absolute;bottom:-22px;right:0;font-family:"JetBrains Mono",ui-monospace,monospace;font-size:10.5px;font-weight:600;color:#fff;background:var(--accent);padding:2px 7px;border-radius:3px;white-space:nowrap;pointer-events:none;z-index:6}.canvas-col{position:relative;transition:outline-color .15s ease;outline:1px dashed rgba(0,0,0,0);outline-offset:-1px;min-height:40px;overflow:hidden;max-width:100%}.canvas-col:hover{outline-color:rgba(249,115,22,.35)}.canvas-col.is-selected{outline:2px solid #3b82f6;outline-style:solid;outline-offset:-2px}.canvas-col.is-parent-of-selected{outline:1px dashed rgba(124,108,240,.55);outline-offset:-1px}.canvas-col--drop-target{outline-color:var(--accent);background:var(--accent-glow)}.canvas-col__empty{padding:14px 10px;text-align:center;font-family:"Inter",system-ui,-apple-system,sans-serif;font-size:11.5px;color:#94a3b8;border:1px dashed #cbd5e1;border-radius:6px;background:rgba(249,115,22,.03);margin:4px}.canvas-col__resize{position:absolute;top:0;bottom:0;right:-3px;width:6px;cursor:ew-resize;z-index:5;background:rgba(0,0,0,0);transition:background .12s ease}.canvas-col__resize:hover{background:var(--accent)}.social-list{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.social-list__row{display:grid;grid-template-columns:1fr 1fr 24px;gap:4px;align-items:center}.social-list__platform,.social-list__url{min-width:0}.social-list__del{width:24px;height:24px;border:1px solid var(--border);border-radius:5px;background:var(--surface);color:var(--text-dim);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.social-list__del:hover{border-color:#ef4444;color:#ef4444;background:rgba(239,68,68,.08)}.social-list__add{width:100%;justify-content:center;font-size:11.5px;padding:6px 10px}.builder__inspector{display:flex;flex-direction:column;overflow:hidden;min-height:0;height:100%}.builder__inspector-body{flex:1 1 0;overflow-y:auto;overflow-x:hidden;padding:14px;min-height:0}.builder__inspector-body::-webkit-scrollbar{width:6px}.builder__inspector-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.builder__inspector-body::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}.inspector-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;text-align:center;color:var(--text-dim)}.inspector-empty__icon{width:44px;height:44px;border-radius:11px;background:var(--surface-raised);border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;color:var(--border)}.inspector-empty__title{font-size:12.5px;font-weight:600;color:var(--text-muted)}.inspector-empty__sub{font-size:11.5px;color:var(--text-dim);line-height:1.5}.inspector-info{display:flex;align-items:flex-start;gap:8px;padding:8px 10px;background:var(--accent-glow);border:1px solid var(--accent-border);border-radius:7px;font-size:11.5px;color:var(--text-muted);line-height:1.45;margin-bottom:14px}.inspector-bc-wrap{margin:-4px -2px 14px;padding:10px 8px;background:var(--surface-raised);border:1px solid var(--border);border-radius:8px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.inspector-bc-wrap__label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-dim);flex-shrink:0}.inspector-bc{display:flex;align-items:center;gap:2px;flex-wrap:wrap;flex:1;min-width:0}.inspector-bc__sep{color:var(--text-dim);font-size:13px;font-weight:400;line-height:1;user-select:none}.inspector-bc__btn{padding:4px 8px;border:none;background:rgba(0,0,0,0);border-radius:5px;font-family:"Inter",system-ui,-apple-system,sans-serif;font-size:12px;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all .12s ease;white-space:nowrap}.inspector-bc__btn:hover{background:var(--surface-hover);color:var(--text)}.inspector-bc__btn--active{background:var(--accent);color:#fff;cursor:default}.inspector-bc__btn--active:hover{background:var(--accent);color:#fff}.inspector-tips{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.inspector-tips li{position:relative;padding-left:14px;font-size:11.5px;line-height:1.5;color:var(--text-muted)}.inspector-tips li::before{content:"";position:absolute;left:4px;top:7px;width:4px;height:4px;border-radius:50%;background:var(--accent)}.size-badge{font-family:"JetBrains Mono",ui-monospace,monospace;font-size:10.5px;font-weight:600;color:var(--text-dim);background:var(--surface-raised);border:1px solid var(--border-subtle);padding:3px 8px;border-radius:5px;letter-spacing:.2px;margin-left:8px}.inspector-section{margin-bottom:16px}.inspector-section__title{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.9px;color:var(--text-dim);margin-bottom:8px}.inspector-section--col{border-left:2px solid var(--accent-border);padding:4px 0 4px 10px;margin-top:16px}.inspector-section--col .inspector-section__title{color:var(--accent)}.col-tabs{display:flex;gap:2px;padding:3px;background:var(--surface-raised);border:1px solid var(--border);border-radius:7px;margin:14px 0 12px;overflow-x:auto}.col-tabs::-webkit-scrollbar{height:0}.col-tabs__tab{flex:1 1 0;min-width:0;padding:6px 8px;border:none;background:rgba(0,0,0,0);border-radius:5px;font-family:"Inter",system-ui,-apple-system,sans-serif;font-size:11.5px;font-weight:600;color:var(--text-dim);cursor:pointer;white-space:nowrap;transition:all .12s ease}.col-tabs__tab:hover{color:var(--text-muted);background:var(--surface-hover)}.col-tabs__tab.is-active{background:var(--accent);color:#fff;box-shadow:var(--shadow-sm)}.inspector-field{margin-bottom:10px}.inspector-field__label{display:block;font-size:11px;font-weight:600;color:var(--text-muted);margin-bottom:5px}.inspector-field__row{display:flex;align-items:center;gap:6px}.inspector-field__input,.inspector-field__select,.inspector-field__textarea{width:100%;padding:7px 10px;border-radius:6px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-family:"Inter",system-ui,-apple-system,sans-serif;font-size:12.5px;outline:none;transition:border-color .15s ease}.inspector-field__input:focus,.inspector-field__select:focus,.inspector-field__textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.inspector-field__input::placeholder,.inspector-field__select::placeholder,.inspector-field__textarea::placeholder{color:var(--text-dim)}.inspector-field__textarea{resize:vertical;min-height:56px;font-family:"Inter",system-ui,-apple-system,sans-serif;line-height:1.5}.color-control{display:flex;align-items:center;gap:6px}.color-control__swatch{width:28px;height:28px;flex-shrink:0;border-radius:6px;border:1px solid var(--border);cursor:pointer;padding:0;background:rgba(0,0,0,0)}.color-control__swatch::-webkit-color-swatch-wrapper{padding:2px}.color-control__swatch::-webkit-color-swatch{border:none;border-radius:4px}.color-control__swatch::-moz-color-swatch{border:none;border-radius:4px}.color-control__hex{flex:1;padding:6px 8px;border-radius:6px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-family:"JetBrains Mono",ui-monospace,monospace;font-size:11.5px;text-transform:uppercase;outline:none}.color-control__hex:focus{border-color:var(--accent)}.color-control__clear{flex-shrink:0;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;border:1px solid var(--border);background:var(--surface);color:var(--text-dim, var(--text));cursor:pointer;transition:color .15s,border-color .15s}.color-control__clear:hover{color:var(--accent);border-color:var(--accent)}.range-control{display:flex;align-items:center;gap:6px}.range-control__slider{flex:1;min-width:0;-webkit-appearance:none;appearance:none;height:4px;border-radius:2px;background:var(--border);outline:none;cursor:pointer}.range-control__slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer;box-shadow:0 0 0 3px var(--accent-glow)}.range-control__slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;border:none;background:var(--accent);cursor:pointer}.range-control__num{width:50px;flex-shrink:0;padding:5px 6px;font-family:"JetBrains Mono",ui-monospace,monospace;font-size:11.5px;font-weight:500;color:var(--text);border:1px solid var(--border);border-radius:5px;background:var(--surface);text-align:center;outline:none;transition:border-color .15s ease}.range-control__num:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.range-control__num::-webkit-inner-spin-button,.range-control__num::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.range-control__num{-moz-appearance:textfield}.range-control__unit{font-family:"JetBrains Mono",ui-monospace,monospace;font-size:10.5px;font-weight:500;color:var(--text-dim);min-width:14px}.range-control--mini{gap:4px}.range-control--mini .range-control__num{width:42px;padding:3px 4px;font-size:10.5px}.padding-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.padding-grid .inspector-field{margin-bottom:0}.inspector-field--mini .inspector-field__label{font-size:10px;margin-bottom:3px}.toggle-group{display:flex;border:1px solid var(--border);border-radius:7px;overflow:hidden;background:var(--surface-raised)}.toggle-group__btn{flex:1;padding:6px 8px;border:none;background:none;color:var(--text-dim);font-family:"Inter",system-ui,-apple-system,sans-serif;font-size:11.5px;font-weight:600;cursor:pointer;transition:all .15s ease;border-right:1px solid var(--border)}.toggle-group__btn:last-child{border-right:none}.toggle-group__btn:hover{color:var(--text-muted);background:var(--surface-hover)}.toggle-group__btn.is-active{background:var(--accent-glow);color:var(--accent)}.toggle-group__btn svg{display:block;margin:0 auto}.preview-overlay{position:fixed;inset:0;z-index:900;background:rgba(0,0,0,.55);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;transition:opacity .2s ease}.preview-overlay.show{opacity:1}.preview-overlay[hidden]{display:none !important}.preview-dialog{width:100%;max-width:900px;height:min(90vh,720px);background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-hover);overflow:hidden;display:flex;flex-direction:column}.preview-dialog__header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.preview-dialog__tabs{display:flex;gap:2px;background:var(--surface-raised);border:1px solid var(--border);border-radius:7px;padding:2px}.preview-dialog__tab{padding:5px 14px;border:none;background:none;border-radius:5px;font-family:"Inter",system-ui,-apple-system,sans-serif;font-size:12px;font-weight:600;color:var(--text-dim);cursor:pointer;transition:all .15s ease}.preview-dialog__tab:hover{color:var(--text-muted)}.preview-dialog__tab.is-active{background:var(--surface);color:var(--accent);box-shadow:var(--shadow-sm)}.preview-dialog__body{flex:1;overflow:hidden;display:flex;background:#e5e7eb}.preview-frame-wrap{flex:1;display:flex;align-items:flex-start;justify-content:center;padding:24px;overflow:auto;background:#f4f4f5}.preview-frame-wrap--mobile .preview-frame{max-width:375px;width:375px;flex:none;box-shadow:0 8px 24px rgba(0,0,0,.12),0 0 0 1px var(--border);border-radius:14px}.preview-frame{width:100%;height:100%;border:none;background:#fff;flex:1;min-height:480px}.preview-code{flex:1;margin:0;padding:16px;font-family:"JetBrains Mono",ui-monospace,monospace;font-size:12px;line-height:1.55;color:var(--text);background:var(--surface-raised);overflow:auto;white-space:pre-wrap;word-break:break-word}.builder-mobile-gate{display:none;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 24px;text-align:center;color:var(--text-muted)}.builder-mobile-gate__icon{width:56px;height:56px;border-radius:14px;background:var(--accent-glow);border:1px solid var(--accent-border);display:flex;align-items:center;justify-content:center;color:var(--accent)}.builder-mobile-gate__title{font-size:16px;font-weight:700;color:var(--text)}.builder-mobile-gate__sub{font-size:13px;color:var(--text-muted);line-height:1.55;max-width:360px}@media(max-width: 1023px){.workspace--builder{display:none}.builder-mobile-gate{display:flex;flex:1}.mode-tabs{display:none}}.nav__crumbs{display:flex;align-items:center;gap:8px;min-width:0;font-size:13px}.nav__crumb-link{color:var(--text-muted);text-decoration:none;font-weight:500;transition:color .15s ease;white-space:nowrap}.nav__crumb-link:hover{color:var(--text)}.nav__crumb-sep{color:var(--border);font-size:16px;font-weight:300;line-height:1}.nav__crumb-cur{display:inline-flex;align-items:center;gap:7px;padding:5px 12px;border-radius:20px;background:var(--accent-glow);border:1px solid var(--accent-border);font-size:13px;font-weight:600;color:var(--accent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fa-footer{background:var(--surface);border-top:1px solid var(--border-subtle);padding:32px 28px 20px;flex-shrink:0}.fa-footer__cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px;max-width:1280px;margin:0 auto;padding-bottom:24px;border-bottom:1px solid var(--border-subtle)}@media(max-width: 800px){.fa-footer__cols{grid-template-columns:1fr 1fr;gap:24px}}.fa-footer__col-label{display:block;margin-bottom:12px;font-family:"JetBrains Mono",ui-monospace,monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.fa-footer__brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;margin-bottom:12px;font-size:15px;font-weight:800;letter-spacing:-0.4px;color:var(--text)}.fa-footer__brand em{font-style:normal;color:var(--nav-accent-light)}.fa-footer__byline{margin:0;font-size:13px;line-height:1.55;color:var(--text-muted)}.fa-footer__byline a{color:var(--accent);border-bottom:1px solid var(--accent-border);text-decoration:none}.fa-footer__privacy{display:inline-flex;align-items:center;gap:5px;margin-top:12px;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;color:#22c55e;background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.15)}.fa-footer__privacy-dot{width:5px;height:5px;border-radius:50%;background:#22c55e;animation:faiPulse 2s infinite}.fa-footer__link{display:block;padding:4px 0;font-size:13px;color:var(--text-muted);text-decoration:none;transition:color .15s ease}.fa-footer__link:hover{color:var(--text)}.fa-footer__bottom{max-width:1280px;margin:0 auto;padding-top:18px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-family:"JetBrains Mono",ui-monospace,monospace;font-size:10.5px;letter-spacing:.06em;color:var(--text-dim)}.fa-footer__bottom a{color:var(--accent);text-decoration:none}.related-tools{padding:48px 28px 32px;max-width:920px;margin:0 auto;border-top:1px solid var(--border-subtle);background:var(--bg)}.related-tools__inner{max-width:920px;margin:0 auto}.related-tools__label{font-family:"JetBrains Mono",ui-monospace,monospace;font-size:11px;color:var(--accent);letter-spacing:.16em;text-transform:uppercase;margin-bottom:12px;display:block}.related-tools__title{font-family:"Space Grotesk","Inter",sans-serif;font-size:24px;font-weight:500;letter-spacing:-0.02em;color:var(--text);margin:0 0 24px}.related-tools__grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));gap:12px}.related-tools__card{display:block;padding:16px 18px;background:var(--surface);border:1px solid var(--border);border-radius:10px;color:inherit;text-decoration:none;transition:border-color .2s,transform .2s,background .2s}.related-tools__card:hover{border-color:var(--accent);transform:translateY(-2px);background:var(--accent-glow)}.related-tools__card-icon{font-family:"JetBrains Mono",ui-monospace,monospace;font-size:16px;color:var(--accent);margin-bottom:6px}.related-tools__card-name{font-family:"Space Grotesk","Inter",sans-serif;font-size:15px;font-weight:500;margin:0 0 4px;color:var(--text)}.related-tools__card-desc{font-size:12.5px;color:var(--text-muted);line-height:1.5;margin:0}.faq{padding:48px 28px 64px;max-width:920px;margin:0 auto;border-top:1px solid var(--border-subtle);background:var(--bg)}.faq__label{font-family:"JetBrains Mono",ui-monospace,monospace;font-size:11px;color:var(--accent);letter-spacing:.16em;text-transform:uppercase;margin-bottom:12px}.faq__title{font-family:"Space Grotesk","Inter",sans-serif;font-size:28px;font-weight:500;letter-spacing:-0.02em;color:var(--text);margin:0 0 28px}.faq details{border-top:1px solid var(--border-subtle);padding:16px 0}.faq details:last-child{border-bottom:1px solid var(--border-subtle)}.faq details summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;font-family:"Space Grotesk","Inter",sans-serif;font-size:16px;font-weight:500;color:var(--text)}.faq details summary::-webkit-details-marker{display:none}.faq details summary::after{content:"+";font-family:"JetBrains Mono",ui-monospace,monospace;font-size:18px;color:var(--accent);transition:transform .2s}.faq details[open] summary::after{content:"−"}.faq details p{margin:12px 0 0;font-size:14.5px;line-height:1.65;color:var(--text-muted)}