.editor-page{display:flex;flex-direction:column;height:100vh}.pnav{height:52px;flex-shrink:0;display:flex;align-items:center;gap:var(--space-lg);padding:0 var(--space-lg);background:var(--color-surface-1);border-bottom:1px solid var(--color-border-subtle);position:relative;z-index:var(--z-sticky)}.pnav__logo{width:28px;height:28px;border-radius:var(--radius-md);background:var(--color-accent);display:grid;place-items:center;flex-shrink:0}.pnav__logo svg{width:16px;height:16px}.pnav__brand{font-weight:var(--weight-semibold);font-size:var(--text-body);letter-spacing:-.01em;margin-right:var(--space-md);color:inherit;text-decoration:none}.pnav__links{display:flex;gap:2px}.pnav__link{padding:6px var(--space-md);border-radius:var(--radius-md);font-size:var(--text-body-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-colors);white-space:nowrap;text-decoration:none}.pnav__link:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.pnav__link.is-active{background:var(--color-surface-2);color:var(--color-text-primary)}.pnav__spacer{flex:1 1}.pnav__credits{display:flex;align-items:center;gap:6px;font-size:var(--text-body-sm);color:var(--color-text-secondary);padding:4px var(--space-md);border:1px solid var(--color-border-default);border-radius:var(--radius-full)}.pnav__credits b{color:var(--color-text-primary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.editor{width:100%;height:100%;display:flex;min-height:0}.esidebar{width:280px;background:var(--color-surface-1);border-right:1px solid var(--color-border-subtle);flex-direction:column;transition:width var(--duration-slow) var(--ease-out)}.esidebar,.esidebar__head{flex-shrink:0;display:flex}.esidebar__head{height:40px;align-items:center;gap:var(--space-sm);padding:0 var(--space-sm) 0 var(--space-md);border-bottom:1px solid var(--color-border-subtle)}.esidebar__title{flex:1 1;font-size:11px;text-transform:uppercase;letter-spacing:.06em;font-weight:var(--weight-semibold);color:var(--color-text-tertiary);white-space:nowrap;overflow:hidden}.esidebar__search{padding:var(--space-sm)}.esidebar__body{flex:1 1;overflow-y:auto;padding:var(--space-xs) var(--space-sm) var(--space-md);display:flex;flex-direction:column;gap:1px}.esidebar__group{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-tertiary);padding:var(--space-sm) var(--space-sm) var(--space-xs)}.esidebar__foot{flex-shrink:0;padding:var(--space-sm);border-top:1px solid var(--color-border-subtle)}.esidebar{transition:width var(--duration-normal) var(--ease-standard)}.esidebar.is-collapsed{width:52px}.esidebar.is-collapsed .esidebar__body,.esidebar.is-collapsed .esidebar__foot,.esidebar.is-collapsed .esidebar__search,.esidebar.is-collapsed .proj-switch__chev,.esidebar.is-collapsed .proj-switch__name{display:none}.esidebar.is-collapsed .esidebar__head{padding:0;justify-content:center;gap:4px}.esidebar.is-collapsed .select{flex:0 0 auto!important}.esidebar.is-collapsed .proj-switch{justify-content:center;padding:5px}.proj-switch__chev{transition:transform var(--duration-fast) var(--ease-standard)}.select.is-open .proj-switch__chev{transform:rotate(180deg)}.sb-toggle{width:26px;height:26px}.edpane,.emain{flex:1 1;min-width:0;display:flex;flex-direction:column}.edpane{height:100%}.etoolbar{height:44px;flex-shrink:0;padding:0 var(--space-md);background:var(--color-surface-0);border-bottom:1px solid var(--color-border-subtle)}.etoolbar,.etoolbar__title{display:flex;align-items:center;gap:var(--space-sm)}.etoolbar__title{font-size:var(--text-body-sm);font-weight:var(--weight-semibold);color:var(--color-text-primary);min-width:0}.etoolbar__title .title-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:none;border:none;cursor:text;padding:0;font-size:inherit;font-weight:inherit;color:inherit;text-align:left;flex:1 1;min-width:0}.etoolbar__sep{width:1px;height:20px;background:var(--color-border-default);margin:0 2px}.etoolbar__spacer{flex:1 1}.etoolbar__save{font-size:var(--text-caption);color:var(--color-success-text);display:inline-flex;align-items:center;gap:5px;white-space:nowrap;flex-shrink:0;min-width:60px;text-align:right}.etoolbar__save .d{width:6px;height:6px;border-radius:50%;background:var(--color-success)}.etoolbar__save--saving{color:var(--color-text-tertiary)}.etoolbar__save--saved{color:var(--color-success-text)}.etoolbar__save--error{color:var(--color-error-text)}.etoolbar__save--saving .d{background:var(--color-text-tertiary)}.etoolbar__save--error .d{background:var(--color-error)}.etoolbar-select{min-width:132px}.etoolbar-select .select__trigger{padding:5px 10px}.etoolbar .btn--icon.is-active{background:var(--color-accent-subtle);color:var(--color-accent-text)}.btn--ai{background:var(--color-accent);color:var(--color-on-accent);box-shadow:var(--shadow-1)}.btn--ai:hover{background:var(--color-accent-hover)}.btn--ai svg{width:15px;height:15px}.eworkspace{flex:1 1;position:relative}.epane,.eworkspace{min-height:0;display:flex}.epane{min-width:220px;flex-direction:column}.epane--code{width:50%;background:var(--color-code-bg);border-right:1px solid var(--color-border-default)}.epane--preview{flex:1 1;min-width:0;position:relative;background:radial-gradient(circle at 1px 1px,var(--color-border-subtle) 1px,transparent 0) 0 0 /22px 22px,var(--color-bg-secondary)}.ehandle{width:6px;flex-shrink:0;cursor:col-resize;background:transparent;position:relative;z-index:5}.ehandle:before{content:"";position:absolute;inset:0 2px;border-radius:2px;background:transparent;transition:background-color var(--duration-fast) var(--ease-standard)}.ehandle.is-dragging:before,.ehandle:hover:before{background:var(--color-accent)}.epane--preview.is-fullscreen{position:fixed;inset:0;z-index:var(--z-toast);width:auto;min-width:0}.ecode{flex:1 1;min-height:0;overflow:auto;padding:var(--space-sm) 0;font-family:var(--font-mono);font-size:var(--text-code);line-height:var(--text-code-lh)}.cl{display:grid;grid-template-columns:46px 1fr}.cl.is-active{background:var(--color-code-line-highlight)}.cl__n{text-align:right;padding-right:var(--space-md);color:var(--color-code-gutter);-webkit-user-select:none;-moz-user-select:none;user-select:none}.cl__t{color:var(--color-code-fg);white-space:pre;padding-right:var(--space-lg)}.fn{color:var(--code-function)}.nu{color:var(--code-number)}.caret{display:inline-block;width:2px;height:1.05em;background:var(--color-code-cursor);vertical-align:text-bottom;animation:cblink 1.1s steps(2) infinite}@keyframes cblink{0%,50%{opacity:1}50.01%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.caret{animation:none}}.eai{flex-shrink:0;border-top:1px solid var(--color-border-subtle);background:var(--color-surface-1);padding:var(--space-sm);display:flex;align-items:center;gap:var(--space-sm)}.eai__spark{color:var(--color-accent-text);display:grid;place-items:center;flex-shrink:0}.eai__input{flex:1 1;font-family:var(--font-sans);font-size:var(--text-body-sm);background:var(--color-surface-2);color:var(--color-text-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md)}.eai__input::placeholder{color:var(--color-text-tertiary)}.eai__input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle)}.epreview-inner{position:absolute;inset:0;display:grid;place-items:center;overflow:auto;padding:var(--space-2xl)}.ezoom{position:absolute;right:var(--space-md);bottom:var(--space-md);display:flex;gap:2px;padding:2px;background:var(--color-surface-3);border:1px solid var(--color-border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-2);z-index:6}.ezoom button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;background:transparent;color:var(--color-text-secondary);min-width:26px;height:26px;border-radius:var(--radius-sm);display:grid;place-items:center;font-size:var(--text-body-sm);transition:var(--transition-colors)}.ezoom button:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.ezoom .z-val{font-size:11px;font-family:var(--font-mono);padding:0 8px;color:var(--color-text-secondary);display:grid;place-items:center}.ezoom__sep{width:1px;height:20px;background:var(--color-border-default);margin:0 2px;align-self:center}.ed-empty{position:absolute;inset:0;z-index:15;display:grid;place-items:center;padding:var(--space-2xl);background:radial-gradient(circle at 1px 1px,var(--color-border-subtle) 1px,transparent 0) 0 0 /22px 22px,var(--color-bg-secondary)}.estatus{height:26px;flex-shrink:0;display:flex;align-items:center;gap:var(--space-md);padding:0 var(--space-md);background:var(--color-surface-1);border-top:1px solid var(--color-border-subtle);font-size:11px;color:var(--color-text-tertiary)}.estatus__item{display:inline-flex;align-items:center;gap:5px}.estatus__item svg{width:12px;height:12px}.estatus__spacer{flex:1 1}.estatus__item.ok{color:var(--color-success-text)}.vhpanel{position:absolute;top:0;right:0;bottom:0;width:320px;max-width:90%;z-index:20;background:var(--color-surface-1);border-left:1px solid var(--color-border-default);box-shadow:var(--shadow-3);display:flex;flex-direction:column;transform:translateX(100%);transition:transform var(--duration-slow) var(--ease-out)}.eworkspace.vh-open .vhpanel{transform:none}.vhpanel__head{height:44px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-md);border-bottom:1px solid var(--color-border-subtle)}.vhpanel__title{font-size:var(--text-body-sm);font-weight:var(--weight-semibold)}.vhpanel__body{flex:1 1;overflow-y:auto;padding:var(--space-md)}.vrow{display:flex;gap:var(--space-md);padding:var(--space-sm);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-colors);position:relative}.vrow:hover{background:var(--color-surface-hover)}.vrow.is-current{background:var(--color-accent-subtle)}.vrow.is-selected{box-shadow:inset 0 0 0 1px var(--color-accent-border);background:var(--color-surface-hover)}.vrail{display:flex;flex-direction:column;align-items:center;padding-top:3px}.vdot{width:9px;height:9px;border-radius:50%;background:var(--color-text-tertiary);border:2px solid var(--color-surface-1);flex-shrink:0}.vrow.is-current .vdot{background:var(--color-accent)}.vline{width:2px;flex:1 1;background:var(--color-border-default);margin-top:2px}.vmeta{flex:1 1;min-width:0}.vver{font-size:var(--text-body-sm);font-weight:var(--weight-medium);color:var(--color-text-primary);display:flex;align-items:center;gap:6px}.vdesc{font-size:var(--text-caption);color:var(--color-text-secondary);margin-top:2px}.vtime{font-size:11px;color:var(--color-text-tertiary);margin-top:3px;display:flex;align-items:center;gap:6px}.vdiff{font-family:var(--font-mono);font-size:10px}.vdiff .add{color:var(--color-success-text)}.vdiff .del{color:var(--color-error-text)}.vrow__actions{display:flex;gap:4px;opacity:0;transition:opacity var(--duration-fast) var(--ease-standard);margin-top:var(--space-sm)}.vrow.is-selected .vrow__actions,.vrow:hover .vrow__actions{opacity:1}.kbd{font-family:var(--font-mono);font-size:10px;background:var(--color-surface-1);border:1px solid var(--color-border-default);border-radius:3px;padding:0 4px;color:var(--color-text-secondary);margin-left:6px}.tooltip .kbd{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12);color:var(--color-text-tertiary)}@media (max-width:1080px){.esidebar{width:240px}}.vhpanel--static{position:static;transform:none;width:320px;flex-shrink:0;border-left:var(--border-width) solid var(--color-border-default)}.vhpanel__refresh{font-size:var(--text-caption);padding:2px var(--space-sm);border-radius:var(--radius-sm);border:var(--border-width) solid var(--color-border-default);background:var(--color-surface-2);color:var(--color-text-primary);cursor:pointer}.vhpanel__refresh:disabled{cursor:not-allowed}.vhpanel__error{background:var(--color-error-subtle);color:var(--color-error-text)}.vhpanel__error,.vhpanel__notice{padding:var(--space-sm) 14px;font-size:var(--text-caption)}.vhpanel__notice{border-bottom:var(--border-width) solid var(--color-border-default);background:var(--color-info-subtle);color:var(--color-info-text);line-height:1.5}.vhpanel__notice a{color:inherit;font-weight:var(--weight-semibold);text-decoration:underline}.vhpanel__empty{padding:var(--space-lg) 14px;font-size:var(--text-caption);color:var(--color-text-tertiary)}.vhpanel__foot{padding:var(--space-sm) 14px;border-top:var(--border-width) solid var(--color-border-default);display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.vhpanel__foot-label{font-size:var(--text-caption);font-weight:var(--weight-semibold);color:var(--color-text-tertiary)}.vhpanel__rollback-btn{font-size:var(--text-caption);padding:4px 10px;border-radius:var(--radius-sm);border:var(--border-width) solid var(--color-error-border);background:var(--color-error-subtle);color:var(--color-error-text);cursor:pointer}.vhpanel__rollback-btn:disabled{cursor:not-allowed;opacity:.6}.edpane__meta{display:flex;align-items:center;gap:10px;padding:var(--space-sm) var(--space-lg);border-bottom:var(--border-width) solid var(--color-border-subtle);background:var(--color-bg-secondary);flex-shrink:0}.edpane__meta--desc{align-items:flex-start}.edpane__meta-label{font-size:var(--text-caption);font-weight:var(--weight-medium);color:var(--color-text-tertiary);flex-shrink:0}.edpane__meta-label--desc{padding-top:5px}.edpane__desc{flex:1 1;padding:4px var(--space-sm);font-size:var(--text-caption);font-family:inherit;line-height:1.5;border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-sm);background:var(--color-surface-2);color:var(--color-text-primary);outline:none;resize:vertical}.edpane__error{background:var(--color-error-subtle);color:var(--color-error-text)}.edpane__error,.edpane__preview-banner{padding:var(--space-sm) var(--space-lg);font-size:var(--text-caption);flex-shrink:0}.edpane__preview-banner{display:flex;align-items:center;justify-content:space-between;border-bottom:var(--border-width) solid var(--color-info-border)}.edpane__preview-banner,.edpane__preview-banner button{background:var(--color-info-subtle);color:var(--color-info-text)}.edpane__preview-banner button{font-size:var(--text-caption);padding:4px 10px;border-radius:var(--radius-sm);border:var(--border-width) solid var(--color-info-border);cursor:pointer}.edpane__code-editor{flex:1 1;min-height:0;overflow:hidden}.edpane__empty{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center;color:var(--color-text-tertiary)}.edpane__empty-icon{font-size:42px;margin-bottom:10px}.edpane__empty-desc{color:var(--color-text-secondary);margin-bottom:var(--space-lg)}.edpane__loading{flex:1 1;display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary)}.edpane__hbtn{font-size:var(--text-caption);padding:4px 10px;border-radius:var(--radius-sm);border:var(--border-width) solid var(--color-border-default);background:var(--color-surface-2);color:var(--color-text-primary);cursor:pointer;flex-shrink:0;transition:var(--transition-colors)}.edpane__hbtn:hover{border-color:var(--color-border-strong)}.edpane__hbtn.is-active{background:var(--color-accent-subtle);color:var(--color-accent-text);border-color:var(--color-accent-border)}.refkeys{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:4px var(--space-sm);min-height:28px;border-radius:var(--radius-md);border:var(--border-width) solid var(--color-border-default);background:var(--color-surface-2);flex:1 1;min-width:0}.refkeys__chip{display:inline-flex;align-items:center;gap:4px;padding:1px 6px 1px 8px;border-radius:var(--radius-full);font-size:var(--text-caption);font-weight:var(--weight-medium);background:var(--color-accent-subtle);color:var(--color-accent-text);border:var(--border-width) solid var(--color-accent-border);line-height:1.4}.refkeys__chip button{border:none;background:none;color:inherit;cursor:pointer;padding:0;font-size:13px;line-height:1;opacity:.8}.refkeys__chip button:hover{opacity:1}.refkeys__input{min-width:120px;border:none;background:transparent;font-size:var(--text-caption);padding:2px 0}.inline-rename,.refkeys__input{flex:1 1;outline:none;color:var(--color-text-primary)}.inline-rename{padding:2px 6px;font-size:var(--text-body-sm);border-radius:var(--radius-sm);border:var(--border-width) solid var(--color-accent);background:var(--color-surface-2);min-width:0}.dtbar{display:flex;align-items:center;gap:4px;padding:4px var(--space-sm);border-bottom:var(--border-width) solid var(--color-border-default);background:var(--color-surface-1);overflow-x:auto;flex-shrink:0}.dtbar__type{font-weight:var(--weight-semibold);color:var(--color-text-tertiary);margin-right:4px;text-transform:uppercase;letter-spacing:.3px;flex-shrink:0}.dtbar__btn,.dtbar__type{font-size:var(--text-caption)}.dtbar__btn{background:var(--color-surface-2);border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-sm);padding:3px var(--space-sm);cursor:pointer;color:var(--color-text-secondary);white-space:nowrap;transition:var(--transition-colors)}.dtbar__btn:hover{border-color:var(--color-border-strong);color:var(--color-text-primary)}.dtbar__tpl{background:var(--color-accent-subtle);color:var(--color-accent-text);border:var(--border-width) solid var(--color-accent-border);border-radius:var(--radius-sm);padding:3px var(--space-sm);cursor:pointer;font-size:var(--text-caption);white-space:nowrap;transition:var(--transition-colors)}.dtbar__tpl:hover{border-color:var(--color-accent)}.dtbar__dropdown{position:fixed;min-width:300px;max-height:440px;overflow-y:auto;background:var(--color-surface-3);border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-3);z-index:var(--z-toast)}.dtbar__dropdown-head{padding:var(--space-sm) var(--space-md);font-size:var(--text-caption);font-weight:var(--weight-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px;border-bottom:var(--border-width) solid var(--color-border-subtle);position:-webkit-sticky;position:sticky;top:0;background:var(--color-surface-3);z-index:1}.dtbar__dropdown-head.is-current{color:var(--color-accent-text);background:var(--color-accent-subtle)}.dtbar__dropdown-item{padding:var(--space-sm) var(--space-md) var(--space-sm) 20px;cursor:pointer;border-bottom:var(--border-width) solid var(--color-border-subtle);transition:var(--transition-colors)}.dtbar__dropdown-item:hover{background:var(--color-surface-hover)}.dtbar__dropdown-item-name{font-size:var(--text-body-sm);font-weight:var(--weight-medium);color:var(--color-text-primary)}.dtbar__dropdown-item-desc{font-size:var(--text-caption);color:var(--color-text-tertiary);margin-top:2px}.aiprompt{flex-shrink:0;border-top:var(--border-width) solid var(--color-border-default);background:var(--color-surface-1);padding:4px var(--space-sm)}.aiprompt,.aiprompt__toggle{display:flex;align-items:center}.aiprompt__toggle{gap:6px;padding:4px 10px;font-size:var(--text-caption);font-weight:var(--weight-medium);border:var(--border-width) solid var(--color-accent-border);border-radius:var(--radius-md);cursor:pointer;background:var(--color-accent-subtle);color:var(--color-accent-text)}.aiprompt--expanded{padding:10px var(--space-md);display:block;border-top-color:var(--color-accent-border);background:var(--color-accent-subtle)}.aiprompt__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-sm)}.aiprompt__label{font-size:var(--text-caption);font-weight:var(--weight-semibold);color:var(--color-accent-text);display:flex;align-items:center;gap:6px}.aiprompt__label-sub{font-size:10px;font-weight:var(--weight-regular);color:var(--color-text-tertiary)}.aiprompt__close{background:none;border:none;cursor:pointer;color:var(--color-text-tertiary);padding:2px;display:flex}.aiprompt__close:disabled{cursor:not-allowed}.aiprompt__typesel{padding:5px var(--space-sm);border:var(--border-width) solid var(--color-accent-border);border-radius:5px}.aiprompt__input,.aiprompt__typesel{font-size:var(--text-caption);background:var(--color-surface-2);color:var(--color-text-primary);outline:none}.aiprompt__input{flex:1 1;padding:var(--space-sm) 10px;line-height:1.5;border:var(--border-width) solid var(--color-accent-border);border-radius:var(--radius-md);resize:none}.aiprompt__submit{flex-shrink:0;align-self:flex-end;padding:var(--space-sm) var(--space-lg);font-size:var(--text-caption);font-weight:var(--weight-semibold);border-radius:var(--radius-md);border:none;background:var(--color-accent);color:var(--color-on-accent);cursor:pointer;display:flex;align-items:center;gap:5px;min-height:34px}.aiprompt__submit:disabled{background:var(--color-surface-2);color:var(--color-text-disabled);cursor:not-allowed}.aiprompt__error{margin-top:var(--space-sm);padding:6px 10px;background:var(--color-error-subtle);border:var(--border-width) solid var(--color-error-border);border-radius:var(--radius-sm);color:var(--color-error-text);font-size:var(--text-caption)}.aiprompt__hint{font-size:10px;color:var(--color-text-tertiary);margin-top:6px}.preview{height:100%;display:flex;flex-direction:column;background:var(--color-surface-0);color:var(--color-text-primary)}.preview--fullscreen{position:fixed;inset:0;z-index:var(--z-toast)}.preview__head{padding:var(--space-sm) var(--space-lg);border-bottom:var(--border-width) solid var(--color-border-default);display:flex;align-items:center;justify-content:space-between;font-size:var(--text-body-sm);flex-shrink:0}.preview__head-title{font-weight:var(--weight-semibold)}.preview__controls{display:flex;align-items:center;gap:var(--space-sm)}.preview__type{font-size:10px;padding:2px 6px;border-radius:3px;background:var(--color-surface-2);color:var(--color-accent-text);font-weight:var(--weight-medium)}.preview__rendering{font-size:var(--text-caption);color:var(--color-text-tertiary)}.preview__icon-btn{background:none;border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-sm);padding:4px 6px;cursor:pointer;color:var(--color-text-primary);display:flex;align-items:center;justify-content:center;transition:var(--transition-colors)}.preview__icon-btn:hover{background:var(--color-surface-hover)}.preview__export-btn{background:var(--color-success);color:#fff;border:none;border-radius:var(--radius-sm);padding:4px 10px;font-size:var(--text-caption);font-weight:var(--weight-semibold);cursor:pointer;display:flex;align-items:center;gap:4px}.preview__export-btn:disabled{opacity:.5;cursor:not-allowed}.preview__success{background:var(--color-success-subtle);color:var(--color-success-text);text-align:center;font-weight:var(--weight-medium);border-bottom:var(--border-width) solid var(--color-success-border)}.preview__error,.preview__success{padding:var(--space-sm) var(--space-lg);font-size:var(--text-caption);flex-shrink:0}.preview__error{background:var(--color-error-subtle);color:var(--color-error-text);max-height:80px;overflow:auto;border-bottom:var(--border-width) solid var(--color-error-border)}.preview__canvas{flex:1 1;overflow:hidden;position:relative}.preview__empty{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--color-text-disabled);font-size:var(--text-body);text-align:center;pointer-events:none}.exportmenu{position:absolute;top:100%;right:0;margin-top:4px;background:var(--color-surface-3);border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-2);z-index:var(--z-dropdown);padding:var(--space-sm);min-width:200px}.exportmenu__group{font-size:var(--text-caption);font-weight:var(--weight-semibold);color:var(--color-text-tertiary);padding:4px var(--space-sm);margin-bottom:4px}.exportmenu__group--locked{display:flex;align-items:center}.exportmenu__sep{border-top:var(--border-width) solid var(--color-border-subtle);margin:4px 0;padding-top:4px}.exportmenu__item{display:block;width:100%;text-align:left;background:none;border:none;padding:6px var(--space-sm);font-size:var(--text-caption);color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition-colors)}.exportmenu__item:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.tree-head{padding:6px var(--space-md);font-size:var(--text-caption);text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-tertiary);display:flex;align-items:center;justify-content:space-between}.tree-head__action{background:transparent;border:none;cursor:pointer;font-size:var(--text-body-sm);padding:0 4px;transition:var(--transition-colors)}.tree-head__action--accent{color:var(--color-accent-text)}.tree-head__action--muted{color:var(--color-text-tertiary)}.tree-head__action:hover{color:var(--color-text-primary)}.tree-empty{padding:20px 14px;color:var(--color-text-disabled);font-size:var(--text-caption);line-height:1.5}.tnode{display:flex;align-items:center;gap:6px;padding-right:8px;padding-top:4px;padding-bottom:4px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:var(--color-text-primary);transition:var(--transition-colors)}.tnode:hover{background:var(--color-surface-hover)}.tnode--dragging{opacity:.45}.tnode--drop-inside{background:var(--color-accent-subtle);box-shadow:inset 0 0 0 1px var(--color-accent)}.tnode__folder-add{background:transparent;border:none;color:var(--color-accent-text);cursor:pointer;font-size:var(--text-body);padding:0 2px;line-height:1;opacity:0;transition:opacity var(--duration-fast) var(--ease-standard)}.tnode:hover .tnode__folder-add{opacity:1}.tnode__error{padding-right:var(--space-sm);padding-bottom:4px;color:var(--color-error-text);font-size:var(--text-caption)}.drow{display:flex;align-items:center;gap:6px;padding:4px var(--space-sm);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:var(--color-text-secondary);border-left:2px solid transparent;transition:var(--transition-colors)}.drow:hover{background:var(--color-surface-hover)}.drow.is-selected,.drow:hover{color:var(--color-text-primary)}.drow.is-selected{background:var(--color-accent-subtle);border-left-color:var(--color-accent)}.drow.is-dragging{opacity:.45}.drow__icon{font-size:var(--text-body)}.drow__label{font-size:var(--text-body-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1;min-width:0}.locked-badge{display:inline-flex;align-items:center;gap:4px;margin-left:6px;padding:1px 6px;font-size:10px;font-weight:var(--weight-semibold);border-radius:var(--radius-full);border:var(--border-width) solid var(--color-border-default);background:var(--color-surface-2);color:var(--color-text-secondary);cursor:pointer}.breadcrumb{font-size:var(--text-body-sm);display:flex;align-items:center;gap:6px;margin-right:var(--space-sm)}.breadcrumb,.breadcrumb a{color:var(--color-text-tertiary)}.breadcrumb a{text-decoration:none}.breadcrumb a:hover,.breadcrumb__current{color:var(--color-text-primary)}.breadcrumb__current{font-weight:var(--weight-semibold);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mdpreview__canvas{overflow:auto;display:block;align-items:stretch;justify-content:flex-start}.mdpreview{max-width:860px;margin:0 auto;padding:32px 40px 80px;color:var(--color-text-primary);font-size:15px;line-height:1.7;word-break:break-word}.mdpreview h1,.mdpreview h2,.mdpreview h3,.mdpreview h4{font-weight:600;line-height:1.3;margin:1.6em 0 .6em}.mdpreview h1{font-size:1.9em;padding-bottom:.3em}.mdpreview h1,.mdpreview h2{border-bottom:1px solid var(--color-border-default)}.mdpreview h2{font-size:1.5em;padding-bottom:.25em}.mdpreview h3{font-size:1.25em}.mdpreview h4{font-size:1.05em}.mdpreview p{margin:.7em 0}.mdpreview ol,.mdpreview ul{margin:.6em 0;padding-left:1.6em}.mdpreview li{margin:.25em 0}.mdpreview a{color:var(--color-accent-text);text-decoration:none}.mdpreview a:hover{text-decoration:underline}.mdpreview blockquote{margin:.8em 0;padding:.2em 1em;border-left:3px solid var(--color-accent);color:var(--color-text-secondary)}.mdpreview pre{background:#16171b;color:#d4d4d4;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:14px 16px;overflow:auto;margin:.9em 0}.mdpreview pre code{background:none;padding:0;font-size:13px}.mdpreview pre:has(.mdpreview__mermaid),.mdpreview pre:has(.mdpreview__mermaid-error){background:transparent;border:none;padding:0}.mdpreview__inline-code{background:rgba(127,127,127,.18);border-radius:4px;padding:.12em .4em;font-size:.88em;font-family:Fira Code,Cascadia Code,Consolas,monospace}.mdpreview table{border-collapse:collapse;margin:1em 0;width:100%}.mdpreview td,.mdpreview th{border:1px solid var(--color-border-default);padding:6px 12px;text-align:left}.mdpreview th{background:var(--color-surface-2);font-weight:600}.mdpreview img{max-width:100%}.mdpreview hr{border:none;border-top:1px solid var(--color-border-default);margin:1.5em 0}.mdpreview__mermaid{display:flex;justify-content:center;margin:1.1em 0}.mdpreview__mermaid svg{max-width:100%;height:auto}.mdpreview__mermaid-error{margin:1.1em 0;padding:10px 14px;border-radius:8px;border:1px solid var(--color-error-border);background:var(--color-error-subtle);color:var(--color-error-text);font-size:13px;white-space:pre-wrap}.wrap{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-2xl)}.mono{font-family:var(--font-mono)}.gnb{position:-webkit-sticky;position:sticky;top:0;z-index:200;height:60px;display:flex;align-items:center;transition:background-color var(--duration-normal) var(--ease-standard),border-color var(--duration-normal) var(--ease-standard);border-bottom:1px solid transparent}.gnb.is-scrolled{background:color-mix(in srgb,var(--color-bg-primary) 80%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom-color:var(--color-border-subtle)}.gnb__inner{gap:var(--space-xl);width:100%}.gnb__brand,.gnb__inner{display:flex;align-items:center}.gnb__brand{gap:var(--space-sm);font-weight:var(--weight-semibold);font-size:var(--text-h3);letter-spacing:-.01em;color:var(--color-text-primary);text-decoration:none}.gnb__logo{width:30px;height:30px;border-radius:var(--radius-md);background:var(--color-accent);display:grid;place-items:center}.gnb__logo svg{width:17px;height:17px}.gnb__nav{display:flex;gap:var(--space-xs);margin:0 auto}.gnb__link{padding:8px var(--space-md);border-radius:var(--radius-md);font-size:var(--text-body-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-colors);background:none;border:none;font-family:inherit}.gnb__link:hover{color:var(--color-text-primary);background:var(--color-surface-hover)}.gnb__actions{display:flex;align-items:center;gap:var(--space-sm)}.gnb__login{font-size:var(--text-body-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary);padding:8px var(--space-md);cursor:pointer;text-decoration:none}.gnb__login:hover{color:var(--color-text-primary)}.gnb__burger{display:none}.hero{position:relative;padding:var(--space-4xl) 0 var(--space-3xl);overflow:hidden}.hero__glow{position:absolute;top:-10%;left:50%;transform:translateX(-50%);width:760px;height:420px;pointer-events:none;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--color-accent) 18%,transparent),transparent 70%);filter:blur(20px);opacity:.6}.hero__inner{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-lg)}.hero__eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:var(--text-caption);font-weight:var(--weight-medium);color:var(--color-accent-text);background:var(--color-accent-subtle);border:1px solid var(--color-accent-border);padding:5px 12px;border-radius:var(--radius-full)}.hero__h1{font-size:clamp(2.2rem,5vw,3.6rem);line-height:1.08;letter-spacing:-.03em;font-weight:var(--weight-bold);margin:0;max-width:16ch}.hero__h1 .grad{color:var(--color-accent-text)}.hero__sub{font-size:var(--text-body-lg);line-height:1.65;color:var(--color-text-secondary);margin:0;max-width:56ch}.hero__cta{gap:var(--space-md);margin-top:var(--space-sm)}.hero__cta,.hero__trust{display:flex;flex-wrap:wrap;justify-content:center}.hero__trust{align-items:center;gap:var(--space-lg);margin-top:var(--space-md);font-size:var(--text-caption);color:var(--color-text-tertiary)}.hero__trust .ti{display:inline-flex;align-items:center;gap:6px}.hero__trust svg{width:14px;height:14px;color:var(--color-text-tertiary)}.heromock{margin-top:var(--space-2xl);position:relative}.window{border:1px solid var(--color-border-default);border-radius:var(--radius-xl);overflow:hidden;background:var(--color-surface-0);box-shadow:var(--shadow-4)}.window__bar{height:38px;display:flex;align-items:center;gap:8px;padding:0 var(--space-md);background:var(--color-surface-1);border-bottom:1px solid var(--color-border-subtle)}.window__dot{width:11px;height:11px;border-radius:50%;background:var(--color-border-strong)}.window__title{margin-left:var(--space-sm);font-size:var(--text-caption);color:var(--color-text-tertiary)}.window__chip{margin-left:auto}.mocksplit{display:grid;grid-template-columns:1fr 1fr;min-height:340px}.mockcode{background:var(--color-code-bg);padding:var(--space-lg) 0;font-family:var(--font-mono);font-size:var(--text-code);line-height:1.75;border-right:1px solid var(--color-border-default);overflow:hidden}.mockcode .cl{display:grid;grid-template-columns:40px 1fr}.mockcode .cl__n{text-align:right;padding-right:var(--space-md);color:var(--color-code-gutter)}.mockcode .cl__t{color:var(--color-code-fg);white-space:pre;padding-right:var(--space-md)}.kw{color:var(--code-keyword)}.st{color:var(--code-string)}.vr{color:var(--code-variable)}.ty{color:var(--code-type)}.op{color:var(--code-operator)}.pu{color:var(--code-punctuation)}.cm{color:var(--code-comment)}.typed-caret{display:inline-block;width:2px;height:1.05em;background:var(--color-accent);vertical-align:text-bottom;animation:cbl 1.1s steps(2) infinite}@keyframes cbl{0%,50%{opacity:1}50.01%,to{opacity:0}}.mockprev{position:relative;display:grid;place-items:center;padding:var(--space-xl);background:radial-gradient(circle at 1px 1px,var(--color-border-subtle) 1px,transparent 0) 0 0 /22px 22px,var(--color-bg-secondary)}.mockprev__badge{position:absolute;top:var(--space-md);right:var(--space-md)}.dg{display:flex;flex-direction:column;align-items:center}.dg__node{font-size:var(--text-body-sm);font-weight:var(--weight-medium);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);border:1.5px solid;box-shadow:var(--shadow-1);white-space:nowrap;opacity:0;transform:translateY(6px);transition:opacity .4s var(--ease-out),transform .4s var(--ease-out)}.dg.in .dg__node{opacity:1;transform:none}.dg__node.start{background:var(--color-accent-subtle);color:var(--color-accent-text);border-color:var(--color-accent-border)}.dg__node.mid{background:var(--color-surface-2);color:var(--color-text-primary);border-color:var(--color-border-strong)}.dg__node.ok{background:var(--color-success-subtle);color:var(--color-success-text);border-color:var(--color-success-border)}.dg__node.err{background:var(--color-error-subtle);color:var(--color-error-text);border-color:var(--color-error-border)}.dg__dec{background:var(--color-warning-subtle);color:var(--color-warning-text);border:1.5px solid var(--color-warning-border);border-radius:var(--radius-sm);width:84px;height:84px;display:grid;place-items:center;transform:rotate(45deg);margin:18px 0;box-shadow:var(--shadow-1);opacity:0;transition:opacity .4s var(--ease-out)}.dg.in .dg__dec{opacity:1}.dg__dec span{transform:rotate(-45deg);font-size:var(--text-body-sm);font-weight:var(--weight-medium)}.dg__edge{width:2px;height:24px;background:var(--color-text-tertiary);position:relative;opacity:0;transition:opacity .3s var(--ease-out)}.dg.in .dg__edge{opacity:.7}.dg__edge:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid var(--color-text-tertiary)}.dg__branch{display:flex;gap:var(--space-2xl);align-items:flex-start}.dg__col{display:flex;flex-direction:column;align-items:center}.dg__lbl{font-size:var(--text-caption);font-family:var(--font-mono);color:var(--color-text-tertiary);padding:2px 6px;background:var(--color-bg-secondary)}.section{padding:var(--space-4xl) 0}.section--alt{background:var(--color-surface-1);border-top:1px solid var(--color-border-subtle);border-bottom:1px solid var(--color-border-subtle)}.shead{text-align:center;max-width:640px;margin:0 auto var(--space-2xl);display:flex;flex-direction:column;gap:var(--space-sm);align-items:center}.shead__eyebrow{font-size:var(--text-caption);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent-text)}.shead__title{font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.15;letter-spacing:-.02em;font-weight:var(--weight-bold);margin:0}.shead__sub{font-size:var(--text-body-lg);color:var(--color-text-secondary);margin:0;line-height:1.6}.fgrid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-lg);gap:var(--space-lg)}.fcard{border:1px solid var(--color-border-default);border-radius:var(--radius-lg);background:var(--color-surface-0);padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-md);transition:border-color var(--duration-fast) var(--ease-standard),transform var(--duration-normal) var(--ease-out)}.fcard:hover{border-color:var(--color-border-strong);transform:translateY(-3px)}.fcard__icon{width:38px;height:38px;border-radius:var(--radius-md);background:var(--color-accent-subtle);color:var(--color-accent-text);border:1px solid var(--color-accent-border);display:grid;place-items:center;font-size:18px}.fcard__icon svg{width:19px;height:19px}.fcard__title{font-size:var(--text-h4);font-weight:var(--weight-semibold);display:flex;align-items:center;gap:var(--space-sm)}.fcard__desc{font-size:var(--text-body-sm);color:var(--color-text-secondary);line-height:1.6}.fcard__visual{margin-top:auto;border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);background:var(--color-bg-secondary);padding:var(--space-md);display:grid;place-items:center;min-height:92px;overflow:hidden}.mini{display:flex;flex-direction:column;align-items:center;gap:4px}.mininode{font-size:9px;font-weight:var(--weight-medium);padding:3px 8px;border-radius:4px;border:1px solid var(--color-accent-border);background:var(--color-accent-subtle);color:var(--color-accent-text)}.miniedge{width:1.5px;height:9px;background:var(--color-text-tertiary);opacity:.7}.minirow{display:flex;gap:6px;align-items:center}.faux-line{height:7px;border-radius:3px;background:var(--color-surface-2)}.faux-tree{display:flex;flex-direction:column;gap:5px;width:100%}.faux-trow{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--color-text-tertiary);font-family:var(--font-mono)}.faux-trow svg{width:11px;height:11px}.expchip{font-size:10px;font-family:var(--font-mono);padding:3px 8px;border-radius:var(--radius-sm);border:1px solid var(--color-border-default);background:var(--color-surface-1);color:var(--color-text-secondary)}.skills{display:grid;grid-template-columns:1.15fr 1fr;grid-gap:var(--space-xl);gap:var(--space-xl);align-items:start}.skillcol{border:1px solid var(--color-border-default);border-radius:var(--radius-lg);background:var(--color-surface-0);overflow:hidden}.skillcol--mcp{border-color:var(--color-accent-border);box-shadow:0 0 0 1px var(--color-accent-border)}.skillcol__head{padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--color-border-subtle);display:flex;align-items:center;gap:var(--space-md)}.skillcol__head h3{font-size:var(--text-h4);font-weight:var(--weight-semibold);margin:0}.skillcol__head p{font-size:var(--text-caption);color:var(--color-text-tertiary);margin:2px 0 0}.skillcol__icon{width:34px;height:34px;border-radius:var(--radius-md);display:grid;place-items:center;flex-shrink:0}.skillcol--mcp .skillcol__icon{background:var(--color-accent);color:var(--color-on-accent)}.skillcol--editor .skillcol__icon{background:var(--color-surface-2);color:var(--color-text-secondary);border:1px solid var(--color-border-default)}.skilllist{flex-direction:column;gap:2px}.skillitem,.skilllist{padding:var(--space-md);display:flex}.skillitem{align-items:center;gap:var(--space-md);border-radius:var(--radius-md);transition:var(--transition-colors)}.skillitem:hover{background:var(--color-surface-hover)}.skillitem__ic{width:30px;height:30px;border-radius:var(--radius-md);background:var(--color-surface-2);color:var(--color-accent-text);display:grid;place-items:center;flex-shrink:0}.skillitem__ic svg{width:15px;height:15px}.skillitem__t{font-size:var(--text-body-sm);font-weight:var(--weight-medium)}.skillitem__d{font-size:var(--text-caption);color:var(--color-text-tertiary);margin-top:1px}.scenario{margin-top:var(--space-xl);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-surface-0)}.scenario__head{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border-subtle);background:var(--color-surface-1);font-size:var(--text-body-sm);color:var(--color-text-secondary)}.scenario__body{display:grid;grid-template-columns:1fr 1fr}.chat{padding:var(--space-lg);flex-direction:column;gap:var(--space-md);border-right:1px solid var(--color-border-subtle)}.chat,.msg{display:flex}.msg{gap:var(--space-sm)}.msg__av{width:26px;height:26px;border-radius:var(--radius-md);display:grid;place-items:center;flex-shrink:0;font-size:11px;font-weight:var(--weight-semibold)}.msg--user .msg__av{background:var(--color-surface-2);color:var(--color-text-secondary);border:1px solid var(--color-border-default)}.msg--ai .msg__av{background:var(--color-accent);color:var(--color-on-accent)}.msg__body{font-size:var(--text-body-sm);line-height:1.55}.msg__body .who{font-size:var(--text-caption);color:var(--color-text-tertiary);margin-bottom:3px}.msg__body .tool{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:var(--text-caption);color:var(--color-accent-text);background:var(--color-accent-subtle);border:1px solid var(--color-accent-border);padding:2px 8px;border-radius:var(--radius-sm);margin-top:6px}.scenario__out{display:grid;place-items:center;padding:var(--space-lg);background:radial-gradient(circle at 1px 1px,var(--color-border-subtle) 1px,transparent 0) 0 0 /18px 18px,var(--color-bg-secondary)}.cmp{border:1px solid var(--color-border-default);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-surface-0)}.cmp table{width:100%;border-collapse:collapse}.cmp td,.cmp th{padding:var(--space-md) var(--space-lg);text-align:center;font-size:var(--text-body-sm);border-bottom:1px solid var(--color-border-subtle)}.cmp thead th{font-weight:var(--weight-semibold);color:var(--color-text-secondary);background:var(--color-surface-1)}.cmp thead th.us{color:var(--color-accent-text)}.cmp tbody td:first-child,.cmp thead th:first-child{text-align:left;color:var(--color-text-primary);font-weight:var(--weight-medium)}.cmp .col-us{background:var(--color-accent-subtle)}.cmp tr:last-child td{border-bottom:0}.cmp .yes{color:var(--color-success-text)}.cmp .no{color:var(--color-text-disabled)}.cmp__val{font-size:var(--text-caption);color:var(--color-text-secondary)}.coming{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-md);gap:var(--space-md);margin-top:var(--space-xl)}.comingcard{border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg);padding:var(--space-lg);background:var(--color-surface-1)}.comingcard__t{font-size:var(--text-body-sm);font-weight:var(--weight-semibold);display:flex;align-items:center;gap:var(--space-sm);margin-bottom:4px}.comingcard__d{font-size:var(--text-caption);color:var(--color-text-tertiary);line-height:1.5}.pricetoggle{display:flex;align-items:center;justify-content:center;gap:var(--space-md);margin-bottom:var(--space-2xl);font-size:var(--text-body-sm)}.pricetoggle__save{font-size:var(--text-caption);color:var(--color-success-text);background:var(--color-success-subtle);border:1px solid var(--color-success-border);padding:2px 8px;border-radius:var(--radius-full)}.pgrid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--space-md);align-items:stretch}.pcard2,.pgrid{gap:var(--space-md)}.pcard2{border:1px solid var(--color-border-default);border-radius:var(--radius-lg);background:var(--color-surface-0);padding:var(--space-xl);display:flex;flex-direction:column;position:relative}.pcard2.is-rec{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent)}.pcard2__rec{position:absolute;top:-10px;left:50%;transform:translateX(-50%)}.pcard2__name{font-size:var(--text-h4);font-weight:var(--weight-semibold)}.pcard2__price{font-size:2rem;font-weight:var(--weight-bold);letter-spacing:-.02em;line-height:1}.pcard2__price small{font-size:var(--text-body-sm);font-weight:var(--weight-regular);color:var(--color-text-tertiary)}.pcard2__note{font-size:var(--text-caption);color:var(--color-text-tertiary);min-height:1.2em}.pcard2__feats{list-style:none;margin:var(--space-sm) 0;padding:0;display:flex;flex-direction:column;gap:var(--space-sm)}.pcard2__feats li{display:flex;align-items:flex-start;gap:var(--space-sm);font-size:var(--text-body-sm);color:var(--color-text-secondary)}.pcard2__feats svg{width:14px;height:14px;color:var(--color-success-text);flex-shrink:0;margin-top:2px}.pcard2__cta{margin-top:auto}.finalcta{text-align:center;padding:var(--space-4xl) 0;position:relative;overflow:hidden}.finalcta__glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--color-accent) 14%,transparent),transparent 65%)}.finalcta__inner{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.finalcta h2{font-size:clamp(1.8rem,3.5vw,2.6rem);letter-spacing:-.02em;font-weight:var(--weight-bold);margin:0}.finalcta p{font-size:var(--text-body-lg);color:var(--color-text-secondary);margin:0}.finalcta__note{font-size:var(--text-caption);color:var(--color-text-tertiary);margin-top:var(--space-sm)}.footer{border-top:1px solid var(--color-border-subtle);padding:var(--space-3xl) 0 var(--space-2xl);background:var(--color-surface-1)}.footer__grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;grid-gap:var(--space-xl);gap:var(--space-xl);margin-bottom:var(--space-2xl)}.footer__brand{display:flex;align-items:center;gap:var(--space-sm);font-weight:var(--weight-semibold);margin-bottom:var(--space-md)}.footer__brand .gnb__logo{width:26px;height:26px}.footer__tag{font-size:var(--text-body-sm);line-height:1.6;max-width:30ch}.footer__col h4,.footer__tag{color:var(--color-text-tertiary)}.footer__col h4{font-size:var(--text-caption);text-transform:uppercase;letter-spacing:.06em;margin:0 0 var(--space-md);font-weight:var(--weight-semibold)}.footer__col a{display:block;font-size:var(--text-body-sm);color:var(--color-text-secondary);padding:5px 0;text-decoration:none}.footer__col a:hover{color:var(--color-text-primary)}.footer__bottom{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding-top:var(--space-lg);border-top:1px solid var(--color-border-subtle);font-size:var(--text-caption);color:var(--color-text-tertiary);flex-wrap:wrap}.footer__social{display:flex;gap:var(--space-sm)}.footer__social a{width:32px;height:32px;border-radius:var(--radius-md);border:1px solid var(--color-border-default);display:grid;place-items:center;color:var(--color-text-secondary);text-decoration:none}.footer__social a:hover{color:var(--color-text-primary);border-color:var(--color-border-strong)}.footer__social svg{width:16px;height:16px}.reveal{opacity:0;transform:translateY(16px);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}.reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.typed-caret{animation:none}}@media (max-width:1024px){.fgrid,.pgrid{grid-template-columns:repeat(2,1fr)}.skills{grid-template-columns:1fr}}@media (max-width:720px){.wrap{padding:0 var(--space-lg)}.gnb__login,.gnb__nav{display:none}.gnb__burger{display:grid;place-items:center;width:36px;height:36px;border-radius:var(--radius-md);border:1px solid var(--color-border-default);background:var(--color-surface-1);cursor:pointer;color:var(--color-text-primary)}.mocksplit{grid-template-columns:1fr}.mockcode{border-right:0;border-bottom:1px solid var(--color-border-default)}.scenario__body{grid-template-columns:1fr}.chat{border-right:0;border-bottom:1px solid var(--color-border-subtle)}.coming,.fgrid,.pgrid{grid-template-columns:1fr}.footer__grid{grid-template-columns:1fr 1fr}.cmp{overflow-x:auto}.cmp table{min-width:560px}.section{padding:var(--space-3xl) 0}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-lg)}.auth-brand{position:fixed;top:20px;left:24px;z-index:10;display:inline-flex;align-items:center;gap:var(--space-sm);text-decoration:none;color:var(--color-text-primary);padding:4px;border-radius:var(--radius-md);transition:var(--transition-colors)}.auth-brand:hover{background:var(--color-surface-hover)}.auth-brand:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.auth-brand__logo{width:28px;height:28px;border-radius:var(--radius-md);background:var(--color-accent);display:grid;place-items:center;flex-shrink:0}.auth-brand__logo svg{width:16px;height:16px}.auth-brand__name{font-weight:var(--weight-semibold);font-size:var(--text-body);letter-spacing:-.01em}@media (max-width:480px){.auth-brand{top:14px;left:16px}}.auth-card{width:100%;max-width:400px;padding:var(--space-2xl);background:var(--color-surface-1);border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-2)}.auth-card__title{font-size:var(--text-h2);font-weight:var(--weight-bold);text-align:center;margin:0 0 var(--space-sm)}.auth-card__subtitle{margin:0 0 var(--space-xl)}.auth-card__footer,.auth-card__subtitle{font-size:var(--text-body-sm);color:var(--color-text-secondary);text-align:center}.auth-card__footer{margin-top:var(--space-lg)}.auth-card__footer-link{color:var(--color-accent-text);text-decoration:none;font-weight:var(--weight-medium)}.auth-card__footer-link:hover{text-decoration:underline}.billing-page{min-height:100vh}.billing-header{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg) var(--space-xl);border-bottom:var(--border-width) solid var(--color-border-default);background:var(--color-surface-1)}.billing-header__back{font-size:var(--text-body-sm);color:var(--color-text-tertiary);text-decoration:none}.billing-header__back:hover{color:var(--color-text-primary)}.billing-header__title{font-size:var(--text-h2);font-weight:var(--weight-semibold);margin:0;flex:1 1}.billing-header__action{font-size:var(--text-body-sm);color:var(--color-accent-text);text-decoration:none}.billing-header__action:hover{text-decoration:underline}.billing-main{max-width:960px;margin:0 auto;padding:var(--space-xl);gap:var(--space-xl)}.billing-main,.subcard{display:flex;flex-direction:column}.subcard{padding:var(--space-lg);border-radius:var(--radius-lg);border:var(--border-width) solid var(--color-border-default);background:var(--color-surface-1);gap:var(--space-sm)}.subcard__title{font-size:var(--text-h3);font-weight:var(--weight-semibold);margin:0}.subcard__meta{display:flex;gap:var(--space-md);flex-wrap:wrap}.subcard__meta-item{display:flex;flex-direction:column;gap:2px}.subcard__meta-label{font-size:var(--text-caption);color:var(--color-text-tertiary)}.plancard{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-lg);border-radius:var(--radius-lg);border:var(--border-width) solid var(--color-border-default);background:var(--color-surface-1);min-width:220px;flex:1 1 220px;transition:var(--transition-colors)}.plancard--current{border-color:var(--color-accent-border)}.plancard__header{display:flex;align-items:center;gap:var(--space-sm)}.plancard__name{font-size:var(--text-h4);font-weight:var(--weight-semibold);margin:0}.plancard__badge{font-size:var(--text-caption);font-weight:var(--weight-medium);padding:2px var(--space-sm);border-radius:var(--radius-sm);background:var(--color-accent-subtle);color:var(--color-accent-text)}.plancard__price{font-size:28px;font-weight:var(--weight-bold)}.plancard__price-detail{margin-left:2px}.plancard__desc,.plancard__price-detail{font-size:var(--text-body-sm);color:var(--color-text-tertiary)}.plancard__desc{margin:0;min-height:18px}.plancard__features{list-style:none;padding:0;margin:0}.plancard__feature{font-size:var(--text-body-sm);line-height:1.8;color:var(--color-text-secondary);display:flex;align-items:center;gap:6px}.plancard__check{color:var(--color-accent-text);font-size:var(--text-body-sm)}.dtable-card{padding:var(--space-lg);border-radius:var(--radius-lg);border:var(--border-width) solid var(--color-border-default);background:var(--color-surface-1)}.dtable-card__title{font-size:var(--text-h3);font-weight:var(--weight-semibold);margin:0 0 var(--space-md)}.dtable-card__empty{color:var(--color-text-tertiary);font-size:var(--text-body-sm)}.dtable-card__more{text-align:center;margin-top:var(--space-md)}.dtable-wrap{overflow-x:auto}.dtable{width:100%;border-collapse:collapse;font-size:var(--text-body-sm)}.dtable th{border-bottom:var(--border-width) solid var(--color-border-default);color:var(--color-text-tertiary);text-align:left;font-weight:var(--weight-medium)}.dtable td,.dtable th{padding:var(--space-sm)}.dtable td{border-bottom:var(--border-width) solid var(--color-border-subtle)}.dtable a{color:var(--color-accent-text)}.credits-page{min-height:100vh}.credit-summary{padding:var(--space-lg);border-radius:var(--radius-lg);border:var(--border-width) solid var(--color-border-default);background:var(--color-surface-1)}.credit-summary__title{font-size:var(--text-h3);font-weight:var(--weight-semibold);margin:0 0 var(--space-md)}.credit-summary__main{font-size:28px;font-weight:var(--weight-bold);margin-bottom:var(--space-sm)}.credit-summary__refill{font-size:var(--text-body-sm);color:var(--color-text-tertiary)}.credit-stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-md);gap:var(--space-md);margin-top:var(--space-lg)}@media (max-width:600px){.credit-stats{grid-template-columns:1fr}}.credit-stat{padding:var(--space-md);border-radius:var(--radius-md);border:var(--border-width) solid var(--color-border-default);background:var(--color-surface-0)}.credit-stat__label{font-size:var(--text-caption);color:var(--color-text-tertiary);margin-bottom:4px}.credit-stat__value{font-size:var(--text-h3);font-weight:var(--weight-semibold)}.trash-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-lg)}.trash-toolbar__count{font-size:var(--text-body-sm);color:var(--color-text-secondary);margin:0}.trash-list{display:flex;flex-direction:column;gap:var(--space-md)}.trash-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);padding:var(--space-lg);border-radius:var(--radius-lg);border:var(--border-width) solid var(--color-border-default);background:var(--color-surface-1)}.trash-item__info{flex:1 1;min-width:0}.trash-item__header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs)}.trash-item__title{font-size:var(--text-body);font-weight:var(--weight-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trash-item__type{font-size:var(--text-caption);padding:2px var(--space-sm);border-radius:var(--radius-sm);background:var(--color-surface-2);color:var(--color-text-tertiary)}.trash-item__desc{font-size:var(--text-body-sm);color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0 0 var(--space-xs)}.trash-item__date{font-size:var(--text-caption);color:var(--color-text-tertiary)}.trash-item__actions{display:flex;gap:var(--space-sm);flex-shrink:0}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;height:100%}html{scroll-behavior:smooth;scroll-padding-top:80px}a{color:inherit;text-decoration:none}body{background:var(--color-bg-primary);color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--text-body);line-height:var(--text-body-lh);-webkit-font-smoothing:antialiased;word-break:keep-all;overflow-wrap:anywhere}::selection{background:var(--color-accent);color:var(--color-on-accent)}button{font-family:inherit}html:not([data-theme]){visibility:hidden}