:root{--bg:#0f1117;--panel:#171a23;--panel-strong:#202430;--panel-hover:#2a2f3d;--ink:#f4f4f5;--muted:#a1a1aa;--soft:#71717a;--line:rgba(255,255,255,0.08);--accent:#8b5cf6;--accent-dark:#a78bfa;--accent-soft:rgba(139,92,246,0.16);--success:#22c55e;--warn:#f59e0b;--danger:#ef4444;--grid-dot:rgba(255,255,255,0.08);--shadow:0 22px 70px rgba(0,0,0,0.35)}:root[data-theme=light]{--bg:#f7f8fb;--panel:#ffffff;--panel-strong:#f1f3f7;--panel-hover:#e9ecf2;--ink:#111827;--muted:#6b7280;--soft:#9ca3af;--line:#e5e7eb;--accent:#8b5cf6;--accent-dark:#6d4bd6;--accent-soft:rgba(139,92,246,0.12);--success:#16a34a;--warn:#d97706;--danger:#dc2626;--grid-dot:rgba(17,24,39,0.08);--shadow:0 22px 60px rgba(17,24,39,0.14)}*{box-sizing:border-box}body,html{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button,input,select,textarea{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent-dark);outline-offset:2px}.app-shell{padding-top:56px;height:100vh;background:radial-gradient(circle at 1px 1px,var(--grid-dot) 1px,transparent 0),var(--bg);background-size:32px 32px}.flow-wrap{height:100%;min-height:0}.react-flow{--xy-edge-stroke-default:var(--accent);--xy-edge-stroke-width-default:2;--xy-connectionline-stroke-default:var(--accent);--xy-attribution-background-color-default:rgba(23,26,35,0.8)}.app-header{position:fixed;top:0;left:0;z-index:30;width:100%}.app-header__bar{display:grid;grid-template-columns:minmax(260px,1fr) minmax(220px,360px) minmax(240px,1fr);align-items:center;grid-gap:16px;gap:16px;height:48px;padding:0 14px;background:var(--panel);box-shadow:var(--shadow)}.app-header__center,.app-header__left,.app-header__right{display:flex;align-items:center;min-width:0}.app-header__left{gap:18px}.app-header__center{gap:8px}.app-header__right{justify-content:flex-end}.app-logo{font-size:17px;letter-spacing:0}.app-logo:has(img){display:block;width:92px;height:25px;overflow:hidden}.app-logo img{display:block;width:100%;height:auto;position:relative;top:50%;transform:translateY(-50%);filter:invert(1);mix-blend-mode:screen}.app-menu{display:flex;align-items:center;gap:4px}.app-menu button{min-height:30px;padding:0 9px;border:0;border-radius:5px;background:transparent;color:var(--ink);cursor:pointer;font-size:13px}.app-menu button:hover{background:var(--accent-soft)}.header-title-input{width:min(260px,100%);min-width:80px;height:30px;padding:0 10px;border:1px solid transparent;border-radius:6px;background:var(--panel-strong);font-size:13px;font-weight:700;text-align:center}.header-title-input:focus{outline:1px solid var(--accent);border-color:var(--accent);background:var(--panel-strong)}.header-save-button{height:30px;min-width:64px;padding:0 10px;border:1px solid var(--line);border-radius:6px;background:var(--panel-strong);color:var(--ink);cursor:pointer;font-size:12px;font-weight:700}.header-save-button:hover{border-color:var(--accent)}.user-menu-wrap{position:relative;display:inline-flex}.user-auth-trigger,.user-menu-trigger{display:inline-flex;align-items:center;gap:10px;max-width:min(420px,calc(100vw - 28px));padding:0 12px;border:1px solid var(--line);border-radius:6px;background:var(--panel-strong);color:var(--ink);cursor:pointer}.user-auth-trigger{font-weight:700}.user-auth-trigger:hover,.user-menu-trigger:hover{border-color:var(--accent)}.user-name{overflow:hidden;max-width:210px;font-size:13px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.user-session-timer{padding:3px 7px;border-radius:999px;background:var(--accent-soft);color:var(--accent-dark);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;font-weight:700}.user-menu-arrow{color:var(--muted);font-size:11px}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;display:flex;flex-direction:column;min-width:190px;overflow:hidden;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.user-dropdown button{min-height:38px;padding:0 12px;border:0;border-bottom:1px solid var(--line);background:transparent;cursor:pointer;text-align:left}.user-dropdown button:last-child{border-bottom:0}.user-dropdown button:hover{background:var(--panel-hover)}.workspace-popover{position:absolute;top:58px;right:14px;display:flex;flex-direction:column;gap:10px;width:min(420px,calc(100vw - 28px));max-height:calc(100vh - 70px);overflow:hidden;padding:12px;border:1px solid var(--line);border-radius:8px;background:rgba(255,253,247,.98);box-shadow:var(--shadow);pointer-events:auto}.workspace-popover__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid var(--line)}.workspace-close-button{min-height:28px;padding:0 8px;border:1px solid var(--line);border-radius:6px;background:#f8f4e9;color:var(--ink);cursor:pointer;font-size:12px}.workspace-panel__section{display:grid;grid-gap:8px;gap:8px}.workspace-field{display:grid;grid-gap:5px;gap:5px}.workspace-field span{color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase}.workspace-input{width:100%;min-height:34px;padding:0 10px;border:1px solid var(--line);border-radius:6px;background:var(--panel-strong);color:var(--ink)}.workspace-input:focus{outline:1px solid var(--accent);border-color:var(--accent)}.workspace-actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.workspace-button,.workspace-button--wide{width:100%}.workspace-sketch-list{max-height:260px;overflow:auto;padding-top:8px;border-top:1px solid var(--line)}.workspace-error,.workspace-sketch-list p,.workspace-status{margin:0;font-size:12px;line-height:1.4}.workspace-sketch-row{display:grid;grid-template-columns:1fr auto;grid-gap:6px;gap:6px;align-items:stretch;padding:4px;border:1px solid transparent;border-radius:6px}.workspace-sketch-row[data-active=true]{border-color:var(--accent);background:#eef8f6}.workspace-sketch-load{display:flex;flex-direction:column;gap:2px;min-width:0;padding:7px 8px;border:0;border-radius:5px;background:transparent;color:var(--ink);cursor:pointer;text-align:left}.workspace-sketch-load:hover{background:rgba(15,139,141,.08)}.workspace-sketch-load strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.workspace-sketch-load span{overflow:hidden;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.workspace-delete-button{align-self:center;min-height:28px;padding:0 8px;border:1px solid rgba(199,109,50,.35);border-radius:5px;cursor:pointer;font-size:11px}.workspace-delete-button,.workspace-error{background:rgba(199,109,50,.08);color:#7a3b15}.workspace-error{padding:8px;border:1px solid rgba(199,109,50,.45);border-radius:6px}.workspace-status{position:absolute;top:58px;right:448px;padding:8px 10px;border:1px solid rgba(15,139,141,.2);border-radius:6px;background:rgba(232,243,241,.96);color:var(--accent-dark);pointer-events:none}.floating-workspace-error{position:absolute;top:58px;right:14px;width:min(420px,calc(100vw - 28px));pointer-events:auto}.account-details{display:grid;grid-gap:10px;gap:10px;margin:0}.account-details div{display:grid;grid-gap:3px;gap:3px;min-width:0}.account-details dt{color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase}.account-details dd{min-width:0;margin:0;overflow-wrap:anywhere;font-size:12px;line-height:1.4}.creative-node{overflow:hidden;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.editor-node{min-width:380px;min-height:300px}.editor-node,.output-node{display:flex;flex-direction:column;max-width:min(1200px,92vw);max-height:min(900px,92vh)}.output-node{min-width:320px;min-height:260px}.model-node{min-width:320px;min-height:360px}.prompt-node{display:flex;flex-direction:column;min-width:300px;min-height:260px}.ai-result-node{min-height:320px}.ai-result-node,.generated-code-node{display:flex;flex-direction:column;min-width:360px}.generated-code-node{min-height:280px}.editor-node--resizable,.output-node--resizable{resize:both}.creative-node__header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:0 12px;border-bottom:1px solid var(--line);background:var(--panel-strong)}.node-actions{display:flex;align-items:center;gap:8px}.creative-node__title{display:flex;flex-direction:column;gap:1px}.creative-node__title strong{font-size:13px;line-height:1.2}.creative-node__title span{color:var(--muted);font-size:11px;line-height:1.2}.creative-node__body{padding:12px}.editor-node .editor-node__body{position:relative;display:flex;flex-direction:column;flex:1 1;min-height:0}.mini-run-actions{position:absolute;right:20px;bottom:20px;z-index:10;display:flex;gap:8px;box-shadow:0 4px 12px rgba(0,0,0,.2)}.output-node .output-node__body{position:relative;display:flex;flex-direction:column;flex:1 1;min-height:0}.output-node__download{position:absolute;top:20px;left:20px;z-index:10;box-shadow:var(--shadow)}.ai-result-node .ai-result-node__body,.generated-code-node .generated-code-node__body,.prompt-node .prompt-node__body{display:flex;flex-direction:column;flex:1 1;min-height:0}.editor-node .editor-frame,.generated-code-node .editor-frame,.output-node .preview-frame{flex:1 1;min-height:0}.ai-result-node .preview-frame{flex:none;min-height:0}.node-button{min-width:34px;height:30px;border:1px solid var(--line);border-radius:6px;background:#f8f4e9;color:var(--ink);cursor:pointer}.node-button:hover{border-color:var(--accent)}.node-button:disabled{cursor:wait;opacity:.7}.node-icon-button{width:30px;height:30px;padding:0;display:inline-grid;place-items:center}.node-icon-button svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.library-options{display:grid;grid-gap:8px;gap:8px}.library-option{display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:10px;gap:10px;min-height:46px;padding:8px 10px;border:1px solid var(--line);border-radius:6px;background:var(--panel-strong);cursor:pointer}.library-option[data-active=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.model-node .model-node__body{display:flex;flex-direction:column;gap:12px}.model-field{display:flex;flex-direction:column;gap:6px}.model-field span,.model-toggle span{color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase}.model-input,.model-select{width:100%;min-height:34px;padding:0 10px;border:1px solid var(--line);border-radius:6px;background:var(--panel-strong);color:var(--ink)}.model-input:focus,.model-select:focus{outline:1px solid var(--accent);border-color:var(--accent)}.model-summary{display:flex;flex-direction:column;gap:5px;padding:10px 12px;border:1px solid var(--line);border-radius:6px;background:var(--panel-strong)}.model-summary strong{color:var(--accent-dark);font-size:11px;text-transform:uppercase}.model-summary span{color:var(--muted);font-size:11px;line-height:1.35}.model-param-list{display:grid;grid-gap:10px;gap:10px}.model-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:34px;padding:0 10px;border:1px solid var(--line);border-radius:6px;background:var(--panel-strong)}.model-toggle input{width:16px;height:16px;accent-color:var(--accent)}.library-option:disabled{cursor:not-allowed;opacity:.55}.library-option span{color:var(--muted);font-size:11px}.library-dot{width:10px;height:10px;border-radius:999px;background:var(--line)}.library-option[data-active=true] .library-dot{background:var(--accent)}.status-pill{justify-self:end;padding:3px 7px;border-radius:999px;background:#e8f3f1;color:var(--accent-dark);font-size:10px;font-weight:700;text-transform:uppercase}.editor-frame{overflow:hidden;border:1px solid #222;border-radius:6px}.editor-mode-toggle{display:inline-flex;overflow:hidden;border:1px solid var(--line);border-radius:6px;background:var(--surface-soft)}.editor-mode-toggle button{min-height:28px;padding:0 9px;border:0;border-right:1px solid var(--line);background:transparent;color:var(--muted);font:inherit;font-size:11px;font-weight:700;cursor:pointer}.editor-mode-toggle button:last-child{border-right:0}.editor-mode-toggle button[data-active=true]{background:var(--accent);color:#111}.code-editor-surface{position:relative;width:100%;height:100%}.block-editor{display:grid;grid-template-rows:minmax(0,1fr) auto;width:100%;height:100%;min-height:0;background:var(--bg)}.block-editor--error{place-items:center;padding:18px;color:var(--danger);text-align:center}.block-editor__workspace{position:relative;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden}.block-editor__source{position:relative;box-sizing:border-box;display:grid;grid-template-rows:auto minmax(0,1fr);grid-gap:6px;gap:6px;width:100%;height:118px;min-height:78px;padding:8px 10px;border-top:1px solid var(--line);background:var(--panel);overflow:hidden}.converted-code-resizer{position:absolute;top:0;left:0;z-index:5;width:100%;height:10px;padding:0;border:0;background:transparent;cursor:row-resize}.converted-code-resizer:after{content:"";position:absolute;top:4px;left:42%;width:16%;height:2px;border-radius:2px;background:var(--soft)}.converted-code-resizer:hover:after{background:var(--accent)}.block-editor__source header{display:flex;align-items:center;justify-content:space-between;gap:10px}.block-editor__source header>span{color:var(--muted);font-size:10px;font-weight:800}.block-editor__source header>div{display:flex;gap:4px}.block-editor__source header button{height:24px;padding:0 8px;border:1px solid var(--line);border-radius:5px;background:var(--panel-strong);color:var(--muted);cursor:pointer;font-size:9px;font-weight:800}.block-editor__source header button[data-active=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-dark)}.block-editor__source pre{min-height:0;margin:0;overflow:auto;color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;line-height:1.35;white-space:pre-wrap}.blocklyToolboxDiv{background:#e3e5e9;color:#20242c}.blocklyToolboxCategoryLabel,.blocklyTreeLabel{color:#20242c!important;font-family:inherit;font-size:12px;font-weight:700}.blocklyTreeRow{border-left-width:9px!important}.blocklyTreeRow:hover{background-color:#d2d5dc!important}.blocklyFlyoutBackground{fill:var(--panel)}.minikodart-editor{display:grid;grid-template-columns:168px minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;width:100%;height:100%;background:var(--bg)}.minikodart-library{display:flex;min-height:0;flex-direction:column;gap:8px;padding:8px;border-right:1px solid var(--line)}.minikodart-tabs{display:flex;flex-wrap:wrap;gap:4px}.minikodart-panel-toggle{display:grid;grid-template-columns:1fr 1fr;grid-gap:4px;gap:4px}.minikodart-panel-toggle button{min-height:30px;padding:0 8px;border:1px solid var(--line);border-radius:6px;background:var(--panel);color:var(--ink);font:inherit;font-size:11px;font-weight:800;cursor:pointer}.minikodart-panel-toggle button[data-active=true]{border-color:var(--accent);background:var(--accent);color:#fff}.minikodart-tabs button{min-height:28px;padding:0 8px;border:1px solid var(--line);border-radius:6px;background:var(--panel);color:var(--muted);font:inherit;font-size:11px;font-weight:700;cursor:pointer}.minikodart-tabs button[data-active=true]{border-color:var(--accent);background:var(--accent);color:#fff}.minikodart-command-grid{display:grid;min-height:0;grid-gap:6px;gap:6px;overflow-y:auto}.minikodart-command-card{display:grid;grid-template-columns:34px minmax(0,1fr);grid-gap:2px 8px;gap:2px 8px;min-height:58px;padding:8px;border:1px solid var(--line);border-radius:6px;background:var(--panel);color:var(--ink);text-align:left;cursor:pointer}.minikodart-command-card:hover{border-color:var(--accent);background:var(--panel-hover)}.minikodart-command-card span{display:inline-grid;grid-row:1/3;place-items:center;width:30px;height:30px;border-radius:6px;background:var(--accent-soft);color:var(--accent-dark);font-size:14px;font-weight:800}.minikodart-command-card strong{overflow:hidden;color:var(--ink);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.minikodart-command-card code{overflow:hidden;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.minikodart-function-list{display:grid;min-height:0;grid-gap:6px;gap:6px;overflow-y:auto}.minikodart-function-card{min-height:72px}.minikodart-function-card small{grid-column:2;overflow:hidden;color:var(--muted);font-size:10px;line-height:1.25}.minikodart-code-pane{position:relative;min-width:0;min-height:0}.minikodart-parameter-panel{position:absolute;z-index:5;top:10px;right:10px;left:10px;display:grid;grid-gap:10px;gap:10px;max-height:calc(100% - 20px);overflow-y:auto;padding:10px;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--panel) 96%,transparent);box-shadow:0 16px 38px rgba(0,0,0,.22)}.minikodart-parameter-header{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;grid-gap:8px;gap:8px}.minikodart-parameter-header>span{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:6px;background:var(--accent-soft);color:var(--accent-dark);font-weight:800}.minikodart-parameter-header code,.minikodart-parameter-header strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.minikodart-parameter-header strong{color:var(--ink);font-size:13px}.minikodart-parameter-header code{margin-top:3px;color:var(--muted);font-size:11px}.minikodart-parameter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));grid-gap:8px;gap:8px}.minikodart-parameter-field{display:grid;grid-gap:5px;gap:5px}.minikodart-parameter-field>span{color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase}.minikodart-parameter-field input,.minikodart-parameter-field select{width:100%;min-width:0;height:30px;padding:0 8px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--ink);font:inherit;font-size:12px}.minikodart-parameter-field--wide{grid-column:1/-1}.minikodart-nested-parameters{display:grid;grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));grid-gap:8px;gap:8px;padding:8px;border:1px solid var(--line);border-radius:6px;background:var(--bg)}.minikodart-color-swatches{display:grid;grid-template-columns:repeat(5,20px);grid-gap:4px;gap:4px}.minikodart-color-swatches button{width:20px;height:20px;border:2px solid var(--line);border-radius:999px;cursor:pointer}.minikodart-color-swatches button[data-active=true]{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.minikodart-parameter-actions{display:flex;justify-content:flex-end;gap:8px}.minikodart-console{grid-column:1/3;max-height:74px;overflow-y:auto;padding:8px 10px;border-top:1px solid var(--line);background:var(--panel);color:var(--success);font-size:12px;line-height:1.4}.minikodart-console p{margin:0}.minikodart-console p+p{margin-top:4px}.prompt-input{flex:1 1;width:100%;min-height:0;padding:12px;border:1px solid var(--line);border-radius:6px;background:#fffcf4;color:var(--ink);font:inherit;font-size:13px;line-height:1.5;resize:none}.prompt-input:focus{outline:1px solid var(--accent);border-color:var(--accent)}.prompt-node__footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.prompt-provider-label{margin-top:8px;color:var(--muted);font-size:11px;text-transform:capitalize}.prompt-generate-button{min-width:96px}.prompt-version-label{color:var(--muted);font-size:11px;white-space:nowrap}.ai-result-preview{flex:none;min-height:0}.ai-result-node .ai-result-preview-frame{width:100%;height:auto;min-height:0}.ai-result-node .ai-result-image{display:block;width:100%;height:100%;object-fit:contain}.ai-result-card{display:flex;flex-direction:column;gap:8px;margin-top:12px;padding:12px;border:1px solid var(--line);border-radius:6px;background:#fffaf0}.ai-result-card strong{font-size:12px}.ai-result-card p{margin:0;color:var(--ink);font-size:13px;line-height:1.45}.ai-result-card span{color:var(--muted);font-size:11px}.ai-result-placeholder{display:grid;place-items:center;flex:1 1;min-height:0;padding:16px;border:1px dashed var(--line);border-radius:6px;background:rgba(255,255,255,.5);text-align:center}.ai-result-placeholder strong{display:block;margin-bottom:8px;font-size:13px}.ai-result-placeholder p{margin:0;color:var(--muted);font-size:12px;line-height:1.45}.fullscreen-editor{position:fixed;inset:0;z-index:100;display:grid;grid-template-rows:44px 1fr;width:100vw;height:100vh;background:var(--panel)}.fullscreen-editor__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 12px;border-bottom:1px solid var(--line);background:var(--panel-strong)}.fullscreen-editor__body{min-height:0}.fullscreen-preview__body{display:grid;place-items:center;min-height:0;padding:18px;background:#191815}.fullscreen-preview__body .preview-frame{width:min(100%,1400px);height:min(100%,900px);min-height:0}.fullscreen-preview__body .preview-error{position:absolute;right:18px;bottom:18px;width:min(520px,calc(100vw - 36px));margin:0}.preview-frame{display:grid;place-items:center;width:100%;height:300px;overflow:hidden;border:1px solid #1f1f1f;border-radius:6px;background:linear-gradient(45deg,rgba(0,0,0,.04) 25%,transparent 0),linear-gradient(-45deg,rgba(0,0,0,.04) 25%,transparent 0),linear-gradient(45deg,transparent 75%,rgba(0,0,0,.04) 0),linear-gradient(-45deg,transparent 75%,rgba(0,0,0,.04) 0),#ffffff}.preview-frame canvas{display:block;max-width:100%;max-height:100%}.preview-error{width:100%;min-height:72px;margin-top:10px;padding:10px;border:1px solid rgba(199,109,50,.45);border-radius:6px;background:rgba(199,109,50,.08);color:#7a3b15;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;white-space:pre-wrap}.node-note{margin:10px 0 0;color:var(--muted);font-size:12px;line-height:1.45}.app-header__bar{grid-template-columns:320px minmax(260px,1fr) auto;border-bottom:1px solid var(--line);background:rgba(15,17,23,.9);box-shadow:0 12px 40px rgba(0,0,0,.28);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.app-logo{color:var(--ink);font-size:18px}.app-logo__tag{color:var(--muted);font-size:12px;font-weight:700}.app-header__center,.app-header__right{gap:10px}.header-title-input{height:34px;border-radius:8px;background:rgba(255,255,255,.04);color:var(--ink)}.header-title-input:focus{background:var(--panel)}.button,.header-save-button,.node-button{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel-strong);color:var(--ink);cursor:pointer;font-size:13px;font-weight:700;transition:border-color .14s ease,background .14s ease,transform .14s ease}.button:hover,.header-save-button:hover,.node-button:hover{border-color:rgba(167,139,250,.7);background:var(--panel-hover)}.button:disabled,.header-save-button:disabled,.node-button:disabled{cursor:not-allowed;opacity:.62}.button--primary{border-color:transparent;background:var(--accent);color:#ffffff}.button--primary:hover{border-color:transparent;background:var(--accent-dark);transform:translateY(-1px)}.button--secondary{background:var(--panel);color:var(--muted)}.button--danger{border-color:rgba(239,68,68,.22);background:rgba(239,68,68,.12);color:#fecaca}.button--wide{width:100%}.save-status{display:inline-flex;align-items:center;min-height:26px;padding:0 9px;border:1px solid var(--line);border-radius:999px;background:rgba(34,197,94,.1);color:#bbf7d0;font-size:12px;font-weight:700;white-space:nowrap}.save-status[data-unsaved=true]{background:rgba(245,158,11,.12);color:#fde68a}.usage-meter{display:inline-flex;align-items:center;gap:5px;min-height:34px;padding:0 10px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--muted);font-size:12px;font-weight:700;white-space:nowrap}.usage-meter strong{color:var(--ink);font-size:13px}.usage-meter[data-state=ready]{border-color:rgba(34,197,94,.24)}.usage-meter[data-state=warning]{border-color:rgba(245,158,11,.3);color:#fde68a}.usage-meter[data-state=exhausted]{border-color:rgba(239,68,68,.32);color:#fecaca}.project-sidebar{position:fixed;top:56px;bottom:0;left:0;z-index:20;display:flex;flex-direction:column;gap:16px;width:320px;padding:16px;border-right:1px solid var(--line);background:rgba(23,26,35,.94);box-shadow:16px 0 50px rgba(0,0,0,.18);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.project-sidebar__actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.project-sidebar__actions .button--primary{grid-column:1/-1}.project-search{display:grid;grid-gap:6px;gap:6px}.modal-field span,.project-search span{color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase}.modal-field input,.modal-field select,.project-search input{width:100%;min-height:38px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink)}.project-sidebar__section{display:flex;flex:1 1;flex-direction:column;gap:10px;min-height:0}.project-sidebar__heading{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}.project-sidebar__heading strong{font-size:14px}.project-sidebar__heading span{color:var(--muted);font-size:12px}.project-list{display:grid;grid-gap:10px;gap:10px;overflow:auto;padding-right:2px}.project-card{display:grid;grid-template-columns:1fr auto;grid-gap:8px;gap:8px;align-items:stretch;padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:0 12px 30px rgba(0,0,0,.18)}.project-card:hover,.project-card[data-active=true]{border-color:rgba(167,139,250,.65);background:var(--panel-strong)}.project-card[data-active=true]{box-shadow:inset 0 0 0 1px var(--accent),0 12px 30px rgba(0,0,0,.22)}.project-card__open{display:grid;grid-template-columns:42px 1fr;grid-gap:10px;gap:10px;min-width:0;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;text-align:left}.project-card__content{display:grid;grid-gap:3px;gap:3px;min-width:0}.project-card__content small,.project-card__content span,.project-card__content strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-card__content strong{font-size:13px}.project-card__content small,.project-card__content span{color:var(--muted);font-size:11px}.project-thumb{width:42px;height:42px;border-radius:8px;background:radial-gradient(circle at 70% 25%,rgba(34,197,94,.8),transparent 30%),radial-gradient(circle at 30% 75%,rgba(139,92,246,.9),transparent 34%),linear-gradient(135deg,#111827,#27272a)}.project-card__delete{align-self:center;min-height:30px;padding:0 8px;border:1px solid rgba(239,68,68,.18);border-radius:8px;background:transparent;color:#fca5a5;cursor:pointer;font-size:11px;font-weight:700}.project-card__delete:hover{background:rgba(239,68,68,.1)}.auth-card,.empty-projects,.sidebar-account-card{display:grid;grid-gap:10px;gap:10px;padding:14px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.035),transparent),var(--panel)}.auth-card__mark{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--accent-soft);color:var(--accent-dark);font-weight:900}.auth-card p,.empty-projects p,.modal-copy{margin:0;color:var(--muted);font-size:13px;line-height:1.45}.auth-card small{color:var(--soft);font-size:11px;line-height:1.4}.auth-form{display:grid;grid-gap:12px;gap:12px}.auth-divider{display:grid;place-items:center;position:relative;min-height:18px;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase}.auth-divider:before{content:"";position:absolute;right:0;left:0;height:1px;background:var(--line)}.auth-divider span{position:relative;padding:0 8px;background:var(--panel)}.google-dot{width:14px;height:14px;border-radius:999px;background:conic-gradient(#4285f4 0 25%,#34a853 0 50%,#fbbc05 0 75%,#ea4335 0)}.sidebar-account-card{grid-template-columns:auto 1fr;align-items:center}.sidebar-account-card div{display:grid;grid-gap:2px;gap:2px;min-width:0}.sidebar-account-card small,.sidebar-account-card span,.sidebar-account-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-account-card small,.sidebar-account-card span{color:var(--muted);font-size:11px}.avatar{display:grid;place-items:center;flex:0 0 auto;width:30px;height:30px;overflow:hidden;border:1px solid var(--line);border-radius:999px;background:var(--accent-soft);color:var(--accent-dark);font-size:12px;font-weight:900;object-fit:cover}.user-auth-trigger,.user-menu-trigger{min-height:38px;border-radius:999px;background:var(--panel)}.user-dropdown{min-width:250px;border-radius:12px;background:var(--panel)}.user-dropdown__identity{display:grid;grid-gap:5px;gap:5px;padding:14px;border-bottom:1px solid var(--line)}.user-dropdown__identity small,.user-dropdown__identity span{color:var(--muted);font-size:12px}.modal-backdrop{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:20px;background:rgba(0,0,0,.48);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.workspace-modal{display:grid;grid-gap:16px;gap:16px;width:min(440px,100%);padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--panel);box-shadow:var(--shadow)}.workspace-modal__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.workspace-modal__header strong{font-size:18px}.workspace-modal__header button{width:32px;height:32px;border:1px solid var(--line);border-radius:999px;background:var(--panel-strong);color:var(--muted);cursor:pointer}.modal-field{display:grid;grid-gap:6px;gap:6px}.modal-actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.modal-actions--three{grid-template-columns:1fr 1fr 1fr}.toast-stack{position:fixed;bottom:18px;z-index:150;display:grid;grid-gap:8px;gap:8px;width:min(360px,calc(100vw - 36px))}.toast{padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:rgba(32,36,48,.96);box-shadow:var(--shadow);color:var(--ink);font-size:13px}:root[data-theme=light] .user-dropdown{background:color-mix(in srgb,var(--panel) 96%,transparent)}.toast[data-tone=success]{border-color:rgba(34,197,94,.28);color:#bbf7d0}.toast[data-tone=danger]{border-color:rgba(239,68,68,.28);color:#fecaca}.skeleton-list{display:grid;grid-gap:10px;gap:10px}.skeleton-project-card{display:grid;grid-template-columns:42px 1fr;grid-gap:10px;gap:10px;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.skeleton-project-card span{display:block;height:10px;border-radius:999px;background:linear-gradient(90deg,var(--panel-strong),var(--panel-hover),var(--panel-strong));background-size:200% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite}.skeleton-project-card>span{height:42px;border-radius:8px}.skeleton-project-card div{display:grid;align-content:center;grid-gap:7px;gap:7px}.skeleton-project-card div span:first-child{width:76%}.skeleton-project-card div span:nth-child(2){width:54%}.skeleton-project-card div span:nth-child(3){width:64%}@keyframes skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.creative-node{border-color:var(--line);border-radius:18px;background:var(--panel);box-shadow:0 20px 60px rgba(0,0,0,.25)}.creative-node__header,.fullscreen-editor__header{background:var(--panel-strong)}.ai-result-card,.ai-result-placeholder,.editor-frame,.library-option,.model-input,.model-select,.model-summary,.model-toggle,.preview-frame,.prompt-input{border-color:var(--line);background-color:var(--bg);color:var(--ink)}.preview-frame{background:linear-gradient(45deg,rgba(255,255,255,.04) 25%,transparent 0),linear-gradient(-45deg,rgba(255,255,255,.04) 25%,transparent 0),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.04) 0),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.04) 0),#ffffff;background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}@media (max-width:900px){.app-shell{padding-left:0}.app-header__bar{grid-template-columns:1fr;height:auto;min-height:56px;padding:10px}.app-header__center,.app-header__left,.app-header__right{justify-content:space-between}.project-sidebar{position:static;width:100%;max-height:42vh;border-right:0;border-bottom:1px solid var(--line)}.flow-wrap{height:58vh}}.app-header__bar{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);height:56px;padding:0 16px;background:color-mix(in srgb,var(--bg) 88%,transparent)}.app-header__left{gap:14px;color:var(--ink)}.app-header__left .app-logo,.app-header__left .app-logo__tag,.app-header__left button{color:inherit}.app-header__center{justify-content:center;gap:12px}.app-header__right{gap:8px}.header-project-title{padding:5px 8px;border:0;border-radius:7px;background:transparent;overflow:hidden;max-width:min(36vw,420px);color:var(--ink);font-size:14px;font-weight:800;text-overflow:ellipsis;white-space:nowrap;cursor:text}.header-project-title:hover{background:var(--panel-hover)}.header-title-input{width:min(36vw,420px)}.save-status{gap:6px;background:rgba(34,197,94,.09);color:color-mix(in srgb,var(--success) 82%,var(--ink))}.save-status[data-unsaved=true]{background:rgba(245,158,11,.1);color:color-mix(in srgb,var(--warn) 82%,var(--ink))}.usage-meter[data-state=empty]{color:var(--muted)}.project-menu-wrap{position:relative}.project-menu-trigger{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 8px;border:0;border-radius:7px;background:transparent;color:var(--ink);cursor:pointer;font-size:13px;font-weight:700}.project-menu-trigger:hover{background:var(--panel-hover)}.project-menu-trigger span{font-size:11px;line-height:1}.project-menu-dropdown{position:absolute;top:calc(100% + 8px);left:0;z-index:95;display:grid;width:180px;padding:6px;border:1px solid var(--line);border-radius:12px;background:var(--panel);box-shadow:var(--shadow)}.project-menu-dropdown button{min-height:36px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:var(--ink);cursor:pointer;text-align:left}.project-menu-dropdown button:hover{background:var(--panel-strong)}.project-menu-dropdown button:disabled{cursor:not-allowed;opacity:.6}.project-menu-divider{height:1px;margin:5px 4px;background:var(--line)}.project-drawer-backdrop{position:fixed;inset:56px 0 0;z-index:80;display:grid;place-items:center;padding:24px;background:rgba(0,0,0,.32);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.project-drawer{display:flex;flex-direction:column;gap:16px;width:min(760px,calc(100vw - 48px));max-height:min(760px,calc(100vh - 104px));padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--panel);box-shadow:var(--shadow)}.project-drawer__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.project-drawer__header div{display:grid;grid-gap:2px;gap:2px}.project-drawer__header strong{font-size:20px}.project-drawer__header span{color:var(--muted);font-size:12px}.project-drawer__header button{width:34px;height:34px;border:1px solid var(--line);border-radius:999px;background:var(--panel-strong);color:var(--muted);cursor:pointer}.project-drawer__list{display:flex;flex:1 1;flex-direction:column;gap:10px;min-height:0}.project-card,.project-card__open{grid-template-columns:1fr}.project-thumb{display:none}.project-card__actions{display:flex;justify-content:flex-end;gap:6px}.project-card__actions button{min-height:28px;padding:0 8px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--muted);cursor:pointer;font-size:11px;font-weight:700}.project-card__actions button:hover{background:var(--panel-hover);color:var(--ink)}.project-card__delete{align-self:auto;min-height:28px}.user-dropdown{gap:0}.user-dropdown button{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--ink)}.user-dropdown button span{overflow:hidden;max-width:150px;color:var(--muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.user-preferences{display:grid;grid-gap:8px;gap:8px;padding:12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--panel-strong)}.user-preferences>strong{color:var(--muted);font-size:10px;letter-spacing:.8px;text-transform:uppercase}.user-preferences label{display:grid;grid-gap:5px;gap:5px}.user-preferences label span{max-width:none;color:var(--ink);font-size:11px}.user-preferences select{width:100%;min-height:34px;padding:0 8px;border:1px solid var(--line);border-radius:6px;background:var(--panel);color:var(--ink);font-size:11px}.user-preferences small{color:var(--muted);font-size:9px;line-height:1.35}.toast-stack{top:74px;right:18px;bottom:auto}:root[data-theme=light] .app-header__bar,:root[data-theme=light] .project-drawer,:root[data-theme=light] .toast,:root[data-theme=light] .workspace-modal{background:color-mix(in srgb,var(--panel) 96%,transparent)}:root[data-theme=light] .preview-frame{background:linear-gradient(45deg,rgba(17,24,39,.04) 25%,transparent 0),linear-gradient(-45deg,rgba(17,24,39,.04) 25%,transparent 0),linear-gradient(45deg,transparent 75%,rgba(17,24,39,.04) 0),linear-gradient(-45deg,transparent 75%,rgba(17,24,39,.04) 0),#ffffff;background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}@media (max-width:900px){.app-header__bar{grid-template-columns:1fr}.app-header__center,.app-header__right{justify-content:flex-start}.project-drawer-backdrop{inset:118px 0 0;align-items:start;padding:12px}.project-drawer{width:100%;max-height:calc(100vh - 142px)}}.admin-shell{min-height:100vh;padding:24px;background:radial-gradient(circle at 1px 1px,var(--grid-dot) 1px,transparent 0),var(--bg);background-size:32px 32px;color:var(--ink)}.admin-shell--centered{display:grid;place-items:center}.admin-auth-panel,.admin-panel{border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--panel) 96%,transparent);box-shadow:var(--shadow)}.admin-auth-panel{display:grid;grid-gap:12px;gap:12px;width:min(420px,calc(100vw - 32px));padding:22px}.admin-auth-panel strong{font-size:22px}.admin-auth-panel p{margin:0;color:var(--muted)}.admin-login-code-form{display:grid;grid-gap:10px;gap:10px;padding-bottom:14px;border-bottom:1px solid var(--line)}.admin-login-code-form label{display:grid;grid-gap:6px;gap:6px}.admin-login-code-form label span{color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase}.admin-login-code-form input{min-height:38px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink)}.admin-created-code{display:grid;grid-gap:4px;gap:4px;padding:12px;border:1px solid var(--accent);border-radius:10px;background:var(--accent-soft)}.admin-created-code small,.admin-created-code span{color:var(--muted);font-size:12px}.admin-created-code strong{font-size:22px;letter-spacing:0}.admin-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.admin-topbar div{display:grid;grid-gap:3px;gap:3px}.admin-topbar strong{font-size:22px}.admin-topbar span{color:var(--muted);font-size:13px}.admin-role-badge{width:max-content;padding:3px 8px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--accent-dark);font-size:11px;font-weight:800;text-transform:uppercase}.admin-topbar nav{display:flex;align-items:center;gap:8px}.admin-topbar a{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--ink);font-size:13px;font-weight:700;text-decoration:none}.admin-workshop-bar{display:flex;margin-bottom:12px}.admin-workshop-bar label{display:grid;grid-gap:6px;gap:6px;width:min(360px,100%)}.admin-inline-form label span,.admin-workshop-bar span{color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase}.admin-credit-list input,.admin-filter-bar input,.admin-filter-bar select,.admin-inline-form input,.admin-inline-form select,.admin-role-row input,.admin-role-row select,.admin-workshop-bar select{min-height:38px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink)}.admin-workshop-bar select{border-color:#f59e0b;background:color-mix(in srgb,#facc15 28%,var(--panel));color:var(--ink);font-weight:900}.admin-nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.admin-nav button{min-height:36px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--muted);cursor:pointer;font-weight:800}.admin-nav button[data-active=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-dark)}.admin-section{display:grid;grid-gap:16px;gap:16px}.admin-section__header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.admin-section__header>div:first-child{display:grid;grid-gap:4px;gap:4px}.admin-section__header strong{font-size:24px}.admin-muted,.admin-section__header span{color:var(--muted);font-size:13px}.admin-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px}.admin-created-code,.admin-login-card-list article,.admin-project-card,.admin-stat-card,.admin-workshop-card{border:1px solid var(--line);border-radius:10px;background:var(--panel);box-shadow:var(--shadow)}.admin-stat-card{display:grid;grid-gap:8px;gap:8px;padding:16px}.admin-stat-card span{color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase}.admin-stat-card strong{font-size:30px}.admin-settings-grid,.admin-two-column{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.admin-action-row,.admin-filter-bar,.admin-inline-form{display:flex;flex-wrap:wrap;gap:8px}.admin-inline-form input{min-width:180px}.admin-project-grid,.admin-workshop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:12px;gap:12px}.admin-project-card,.admin-workshop-card{display:grid;grid-gap:8px;gap:8px;padding:14px}.admin-workshop-card__actions{display:flex;flex-wrap:wrap;gap:6px}.admin-mini-action{min-height:26px;padding:0 8px;border:1px solid transparent;border-radius:999px;cursor:pointer;font-size:11px;font-weight:900}.admin-mini-action--edit{border-color:rgba(59,130,246,.4);background:rgba(59,130,246,.14);color:#93c5fd}.admin-mini-action--duplicate{border-color:rgba(34,197,94,.4);background:rgba(34,197,94,.14);color:#86efac}.admin-mini-action--archive{border-color:rgba(239,68,68,.4);background:rgba(239,68,68,.14);color:#fca5a5}.admin-project-card>div:last-child{display:flex;gap:8px}.admin-project-card small,.admin-project-card span,.admin-workshop-card small,.admin-workshop-card span{color:var(--muted);font-size:12px}.admin-login-card-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));grid-gap:10px;gap:10px}.admin-login-card-list article{display:grid;grid-gap:4px;gap:4px;padding:12px}.admin-login-card-list strong{font-size:22px}.admin-student-table{width:100%;overflow:hidden;border:1px solid var(--line);border-collapse:separate;border-radius:10px;border-spacing:0;background:var(--panel)}.admin-student-table td,.admin-student-table th{padding:11px 12px;border-bottom:1px solid var(--line);text-align:left}.admin-student-table th{color:var(--muted);font-size:11px;text-transform:uppercase}.admin-student-table tr{cursor:pointer}.admin-student-table tbody tr:hover,.admin-student-table tr[data-active=true]{background:var(--panel-hover)}.admin-project-thumb{aspect-ratio:16/10;border-radius:8px;background:radial-gradient(circle at 72% 28%,rgba(34,197,94,.75),transparent 28%),radial-gradient(circle at 28% 72%,rgba(59,130,246,.8),transparent 32%),linear-gradient(135deg,var(--panel-strong),var(--bg))}.admin-activity-list,.admin-compact-list,.admin-credit-list{display:grid;grid-gap:8px;gap:8px}.admin-activity-list article,.admin-compact-list button,.admin-credit-list article,.admin-role-row{display:grid;grid-template-columns:1fr auto;grid-gap:10px;gap:10px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.admin-compact-list button{width:100%;color:var(--ink);cursor:pointer;text-align:left}.admin-activity-list small,.admin-credit-list span{color:var(--muted);font-size:12px}.admin-credit-list article{grid-template-columns:1fr 120px auto}.admin-role-row{grid-template-columns:minmax(160px,1fr) 80px 120px auto minmax(160px,.8fr) auto}.admin-role-toolbar{display:flex;justify-content:flex-start;margin-bottom:10px}.admin-role-toolbar .admin-sort-field{width:min(260px,100%)}.admin-sort-field{display:grid;grid-gap:6px;gap:6px}.admin-sort-field span{color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase}.admin-sort-field select{min-height:38px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink)}.admin-student-drawer{position:fixed;top:0;right:0;z-index:70;display:grid;align-content:start;grid-gap:14px;gap:14px;width:min(380px,100vw);height:100vh;padding:22px;border-left:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow)}.admin-student-drawer>button:first-child{justify-self:end;width:32px;height:32px;border:1px solid var(--line);border-radius:999px;background:var(--panel-strong);color:var(--ink)}.admin-student-drawer dl{display:grid;grid-gap:8px;gap:8px;margin:0}.admin-student-drawer dl div{display:flex;justify-content:space-between;gap:12px}.admin-student-drawer dt{color:var(--muted)}.admin-student-drawer dd{margin:0}.admin-drawer-actions{display:grid;grid-gap:8px;gap:8px}.workshop-settings-modal{display:grid;grid-gap:16px;gap:16px;width:min(720px,100%);max-height:calc(100vh - 40px);overflow:auto;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--panel);box-shadow:var(--shadow)}.workshop-settings-tabs{display:flex;flex-wrap:wrap;gap:8px}.workshop-settings-tabs button{min-height:34px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:var(--panel-strong);color:var(--muted);cursor:pointer;font-weight:800}.workshop-settings-tabs button[data-active=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-dark)}.workshop-settings-grid,.workshop-template-list{display:grid;grid-gap:12px;gap:12px}.workshop-settings-grid label{display:grid;grid-gap:6px;gap:6px}.workshop-settings-grid label span,.workshop-toggle-field span{color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase}.workshop-settings-grid input,.workshop-settings-grid select,.workshop-settings-grid textarea{min-height:38px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink)}.workshop-settings-grid textarea{min-height:90px;padding-top:10px;resize:vertical}.workshop-toggle-field{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:42px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--bg)}.workshop-toggle-field input{width:18px;height:18px;accent-color:var(--accent)}.admin-error{margin:0 0 14px;padding:12px;border:1px solid rgba(239,68,68,.28);border-radius:10px;background:rgba(239,68,68,.1);color:#fecaca}.admin-access-help{display:grid;grid-gap:8px;gap:8px;margin-bottom:14px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.admin-access-help code{padding:8px;border-radius:8px;background:var(--bg);color:var(--ink);overflow-wrap:anywhere}.admin-access-help p{margin:0;color:var(--muted);font-size:13px}.admin-grid{display:grid;grid-template-columns:minmax(420px,1.2fr) minmax(360px,.8fr);grid-gap:18px;gap:18px;align-items:start}.admin-panel{display:grid;grid-gap:12px;gap:12px;min-height:0;padding:16px}.admin-panel__header{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.admin-panel__header strong{font-size:17px}.admin-panel__header span{overflow:hidden;color:var(--muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.admin-project-list,.admin-user-list{display:grid;grid-gap:10px;gap:10px}.admin-project-row,.admin-user-row{border:1px solid var(--line);border-radius:10px;background:var(--panel)}.admin-user-row[data-active=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.admin-user-row>button{display:grid;grid-template-columns:minmax(180px,1fr) 80px 90px 90px;grid-gap:10px;gap:10px;align-items:center;width:100%;min-height:54px;padding:10px;border:0;background:transparent;color:var(--ink);cursor:pointer;text-align:left}.admin-user-row__identity{display:grid;grid-gap:2px;gap:2px;min-width:0}.admin-project-row small,.admin-project-row span,.admin-project-row strong,.admin-user-row button>span,.admin-user-row small,.admin-user-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-project-row small,.admin-project-row span,.admin-user-row small{color:var(--muted);font-size:12px}.admin-quota-controls{display:grid;grid-gap:8px;gap:8px;align-items:end;padding:0 10px 10px}.admin-quota-controls[data-can-manage-roles=true]{grid-template-columns:minmax(120px,1fr) auto auto minmax(120px,.8fr) auto}.admin-quota-controls[data-can-manage-roles=false]{grid-template-columns:minmax(120px,1fr) auto auto}.admin-quota-controls label{display:grid;grid-gap:5px;gap:5px}.admin-quota-controls label span{color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase}.admin-quota-controls input,.admin-quota-controls select{min-height:34px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink)}.admin-project-row{display:grid;grid-template-columns:1fr auto;grid-gap:12px;gap:12px;align-items:center;padding:12px}.admin-project-row div{display:grid;grid-gap:3px;gap:3px;min-width:0}.admin-empty{margin:0;padding:18px;border:1px dashed var(--line);border-radius:10px;color:var(--muted);text-align:center}.admin-success{padding:12px 15px;border:1px solid #22c55e;border-radius:8px;background:#22c55e18;color:#22c55e}.beta-application-list{display:grid;grid-gap:10px;gap:10px}.beta-application-list article{display:grid;grid-template-columns:1fr auto auto;align-items:center;grid-gap:18px;gap:18px;padding:16px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.beta-application-list article>div:first-child{display:grid;grid-gap:4px;gap:4px}.beta-application-list small,.beta-application-list span{color:var(--muted)}.beta-status{padding:5px 9px;border-radius:999px;background:var(--panel-strong);font-size:11px;font-weight:800;text-transform:uppercase}.beta-status--pending{color:var(--warn)!important}.beta-status--approved{color:var(--success)!important}.beta-status--rejected{color:var(--danger)!important}@media(max-width:640px){.beta-application-list article{grid-template-columns:1fr}.beta-application-list .admin-action-row{display:grid;grid-template-columns:1fr 1fr}}.admin-password-backdrop{position:fixed;inset:0;z-index:180;display:grid;place-items:center;padding:20px;background:rgba(0,0,0,.46)}.admin-password-dialog{display:grid;grid-gap:14px;gap:14px;width:min(360px,100%);padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--panel);box-shadow:var(--shadow)}.admin-password-dialog strong{font-size:17px}.admin-password-dialog label{display:grid;grid-gap:6px;gap:6px}.admin-password-dialog label span{color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase}.admin-password-dialog input{min-height:38px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink)}.admin-password-dialog div{display:flex;justify-content:flex-end;gap:8px}@media (max-width:980px){.admin-grid{grid-template-columns:1fr}.admin-topbar{align-items:flex-start;flex-direction:column}}@media (max-width:640px){.admin-shell{padding:12px}.admin-quota-controls,.admin-topbar nav{align-items:stretch;grid-template-columns:1fr}.admin-topbar nav{display:grid;width:100%}.admin-user-row>button{grid-template-columns:1fr}}.landing{min-height:100%;overflow-x:hidden;background:#f4f3ef;color:#111318;font-family:Arial,Helvetica,sans-serif}.landing a{color:inherit;text-decoration:none}.landing-header{width:min(1440px,calc(100% - 64px));height:108px;margin:auto;display:grid;grid-template-columns:1fr auto auto;align-items:center;grid-gap:38px;gap:38px}.landing-logo{display:block;width:148px;height:34px;overflow:hidden;font-size:25px;letter-spacing:3px;white-space:nowrap}.landing-logo img{position:relative;top:50%;display:block;width:100%;height:auto;transform:translateY(-50%);mix-blend-mode:multiply}.landing-logo span{color:#777;letter-spacing:0;font-weight:400}.landing-header nav{display:flex;gap:35px}.features h3,.gallery-more,.landing-header nav a,.landing-header-actions,.section-heading a,.workflow,footer nav{font-size:11px;font-weight:700;letter-spacing:1.2px}.landing-header-actions{display:flex;align-items:center;gap:20px}.locale-toggle{display:flex;gap:4px;align-items:center}.locale-toggle button{border:0;padding:2px;background:none;color:#999;cursor:pointer;font-size:10px}.locale-toggle button[data-active=true]{color:#111;font-weight:800}.login-button{height:42px;padding:0 23px;border:1px solid #777;background:transparent;cursor:pointer;font-weight:700;letter-spacing:1px}.mobile-menu{display:none;border:0;background:none;font-size:20px}.landing-hero{width:min(1440px,calc(100% - 112px));min-height:0;margin:auto;padding:42px 0 74px;display:grid;grid-template-columns:36% 64%;align-items:start}.hero-copy{position:relative;z-index:2}.hero-copy h1{margin:0 0 30px;font-size:clamp(48px,5vw,76px);line-height:1.08;letter-spacing:-4px;font-weight:500}.hero-copy p{width:390px;max-width:90%;margin:0 0 43px;color:#4b4b4b;font-size:18px;line-height:1.5}.hero-copy>div{display:flex;gap:22px}.kodart-visual{position:relative;width:100%;aspect-ratio:1.25;overflow:hidden;border:1px solid #dfe2e8;border-radius:12px;background-color:#f7f8fb;background-image:radial-gradient(#c7cbd3 1px,transparent 0);background-size:17px 17px;box-shadow:0 24px 65px #29304420;font-family:Arial,sans-serif;color:#20232a}.landing-editor-visual{aspect-ratio:1917/1023;background:#111318;background-image:none}.landing-editor-visual img{display:block;width:100%;height:100%;object-fit:cover}.node-connections{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#aeb4c0;stroke-width:1.2;stroke-dasharray:4 5}.mock-node{position:absolute;overflow:hidden;border:1px solid #d9dde5;border-radius:10px;background:#fff;box-shadow:0 9px 24px #252b3822;font-size:8px}.mock-node-header{min-height:35px;padding:7px 9px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid #e8eaf0;background:#f7f8fa}.mock-node-header>div:first-child{display:grid}.mock-node-header strong{font-size:9px}.mock-node-header small{color:#7b8290;font-size:6px}.mock-node-header>div:last-child{display:flex;gap:4px}.mock-chip{padding:4px 6px;border:1px solid #e1e3e9;border-radius:4px;background:#fff;font-size:6px;font-weight:700}.mock-chip.active{background:#8754ef;color:#fff;border-color:#8754ef}.mock-code{left:2%;top:5%;width:38%;height:48%}.mock-code pre{margin:0;padding:9px 8px;color:#161c28;font:7px/1.55 monospace}.mock-code pre i{color:#169ac2;font-style:normal}.mock-code pre span{color:#335cff}.mock-output{left:41%;top:24%;width:31%;height:36%}.mock-output>p{margin:5px 8px;color:#6f7683;font-size:6px}.ring-art{width:68%;height:62%;margin:8px auto;overflow:hidden;background:#f6e8ca url(/images/klc.webp) 50%/cover no-repeat}.mock-model{left:28%;bottom:4%;width:25%;height:31%;padding-bottom:8px}.mock-model label{display:grid;grid-gap:3px;gap:3px;margin:7px 9px 0;font-size:6px;font-weight:700}.mock-model input,.mock-model select{width:100%;height:20px;padding:0 6px;color:#222;font-size:7px}.mock-model input,.mock-model select,.model-note{border:1px solid #dfe3eb;border-radius:4px;background:#f7f8fb}.model-note{margin:6px 9px;padding:6px;display:grid;grid-gap:2px;gap:2px}.model-note b{color:#7553db;font-size:6px}.model-note span{color:#777;font-size:6px}.mock-prompt{right:2%;top:4%;width:28%;height:31%;padding-bottom:8px}.mock-prompt textarea{display:block;width:calc(100% - 16px);height:48%;margin:8px;padding:7px;resize:none;border:1px solid #dfe3eb;border-radius:4px;background:#f7f8fb;color:#30343c;font:7px/1.35 Arial}.mock-prompt button{margin-left:8px;padding:5px 10px;border:1px solid #dfe3eb;border-radius:5px;background:#f4f5f7;font-size:6px;font-weight:700}.mock-prompt>small{float:right;margin:6px 9px;color:#777;font-size:6px}.mock-result{right:2%;bottom:3%;width:43%;height:40%}.ai-orb{height:68%;margin:8px;overflow:hidden;background:#f6e8ca url(/images/klai.webp) 50%/cover no-repeat}.used-prompt{margin:0 8px;padding:5px;display:grid;grid-gap:2px;gap:2px;border:1px solid #e1e4e9;border-radius:4px;background:#f7f8fb}.used-prompt b{font-size:6px}.used-prompt span{color:#777;font-size:5px}.landing-button{display:inline-flex;min-height:48px;padding:0 24px;align-items:center;justify-content:center;border:1px solid #777;background:transparent;cursor:pointer;font-size:11px;font-weight:700;letter-spacing:1.3px}.landing-button.dark{border-color:#111318;background:#111318;color:#fff}.landing-button.ghost{background:transparent;color:#111318}.landing-button:disabled{opacity:.55;cursor:wait}.editor-visual{height:610px;overflow:hidden;border-radius:14px;background:#0d1015;color:#a9adba;box-shadow:0 30px 80px #7778}.window-bar{height:54px;padding:0 18px;display:flex;align-items:center;gap:25px;border-bottom:1px solid #30343c}.window-bar b{color:#ff665c;letter-spacing:7px}.window-bar span{font-size:13px}.editor-body{display:grid;grid-template-columns:54px 38% 1fr;height:490px}.editor-body aside{padding-top:20px;border-right:1px solid #30343c;text-align:center;line-height:58px;color:#ddd}.editor-body pre{margin:0;padding:22px;overflow:hidden;border-right:1px solid #30343c;color:#a3a8b6;font:13px/1.85 monospace}.editor-body pre em{color:#ff7272;font-style:normal}.visual-output{position:relative;overflow:hidden;background-color:#060a14;background-image:linear-gradient(#18203a55 1px,transparent 0),linear-gradient(90deg,#18203a55 1px,transparent 0);background-size:14px 14px}.wave{position:absolute;width:115%;height:130px;left:-5%;border:2px dotted;border-radius:50%;transform:rotate(-10deg);box-shadow:0 0 35px currentColor}.wave-a{top:70px;color:#2f63ff}.wave-b{top:185px;color:#ff336e;transform:rotate(8deg)}.wave-c{top:270px;color:#9ece12;transform:rotate(-4deg)}.prompt-row{height:66px;border-top:1px solid #30343c;display:flex;align-items:center;justify-content:space-between;padding:0 20px;font-size:12px}.prompt-row button{width:48px;height:42px;border:0;border-radius:4px;background:#1f57fa;color:#fff}.workflow{width:min(1440px,calc(100% - 112px));height:80px;margin:auto;border-top:1px solid #bbb;border-bottom:1px solid #bbb;align-items:center;justify-content:center}.workflow,.workflow span{display:flex;gap:22px}.workflow b{color:#245cff}.features{width:min(1440px,calc(100% - 112px));padding:85px 0 75px;margin:auto}.features h2,.final-cta h2,.gallery h2{margin:0;font-weight:400;font-size:47px;letter-spacing:-2.5px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:35px}.feature-grid article{min-height:290px;padding:36px 30px;border:1px solid #bbb;position:relative}.feature-grid article+article{border-left:0}.feature-grid i{font-size:34px;color:#275eff;font-style:normal}.feature-grid i[data-color="1"]{color:#ff625b}.feature-grid i[data-color="2"]{color:#a8cd12}.feature-grid h3{margin-top:38px}.feature-grid p{max-width:260px;color:#555;line-height:1.5}.feature-grid article>b{position:absolute;bottom:25px;font-size:25px;color:#245cff}.gallery{padding:75px max(56px,calc((100% - 1440px)/2));background:#0e1115;color:#f5f5f5}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:45px}.gallery-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:12px;gap:12px}.art{aspect-ratio:1;overflow:hidden;position:relative;background:#07101a}.art span{position:absolute;inset:8%;border-radius:50%;background:repeating-radial-gradient(circle at 50% 50%,transparent 0 8px,#2771ff 9px 10px,transparent 11px 16px,#ff286f 17px 18px);filter:drop-shadow(0 0 8px #245cff)}.art-1 span,.art-6 span{border-radius:0;background:repeating-linear-gradient(90deg,#146aff 0 2px,transparent 2px 15px,#fb1c7b 16px 19px,transparent 19px 28px);transform:skew(-8deg)}.art-2 span,.art-7 span{background:repeating-radial-gradient(ellipse at 20% 40%,transparent 0 7px,#3fdc9e 8px 9px,transparent 10px 15px)}.art-3 span,.art-8 span{background:repeating-radial-gradient(circle,transparent 0 9px,#ff3c29 10px 11px,transparent 12px 18px)}.art-4 span,.art-9 span{background:conic-gradient(from 20deg,transparent,#235fff,transparent,#e72c86,transparent,#b3d51c,transparent);-webkit-clip-path:polygon(50% 0,60% 38%,100% 25%,66% 55%,90% 90%,55% 68%,20% 100%,42% 58%,0 38%,42% 42%);clip-path:polygon(50% 0,60% 38%,100% 25%,66% 55%,90% 90%,55% 68%,20% 100%,42% 58%,0 38%,42% 42%)}.gallery-more{width:300px;height:50px;margin:35px auto 0;border:1px solid #888;display:flex;align-items:center;justify-content:center}.final-cta{width:min(1440px,calc(100% - 112px));min-height:390px;margin:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center}.final-cta h2{margin-bottom:38px}.orbit{width:100%;height:300px}footer{width:min(1440px,calc(100% - 112px));margin:auto;border-top:1px solid #bbb;padding:35px 0 25px;display:grid;grid-template-columns:1fr 1fr;grid-gap:35px;gap:35px;color:#444}footer>div{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center}footer nav{display:flex;justify-content:center;gap:65px}.socials{font-size:21px}.socials,footer small:last-child{text-align:right}.access-backdrop{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:20px;background:#090b0dcc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.access-dialog{width:min(440px,100%);padding:40px;position:relative;border-radius:4px;background:#f4f3ef;color:#111318;box-shadow:0 30px 90px #0009;text-align:center}.access-close{position:absolute;right:14px;top:10px;border:0;background:none;font-size:27px;cursor:pointer}.brand-mark{width:46px;height:46px;margin:auto;border:1px solid #111;display:grid;place-items:center;font-weight:800}.access-dialog h2{margin:24px 0;font-size:25px}.access-dialog p{color:#555;line-height:1.55}.access-dialog form,.access-dialog label{display:grid;grid-gap:9px;gap:9px;text-align:left}.access-dialog label{font-size:11px;font-weight:700;letter-spacing:1px}.access-dialog input{min-height:48px;padding:0 14px;border:1px solid #aaa;background:#fff;color:#111}.access-dialog form .landing-button,.access-dialog>.landing-button{width:100%}.access-or{height:45px;display:flex;align-items:center}.access-or:after,.access-or:before{content:"";height:1px;background:#bbb;flex:1 1}.access-or span{padding:0 12px;color:#777;font-size:12px}.access-actions{display:flex;gap:10px;justify-content:center}.access-error{color:#bd2020!important;font-size:13px}.gate-loading{height:100vh;display:grid;place-items:center;background:#0f1117;color:#fff}.studio-mock{display:grid;grid-template-rows:32px 36px 1fr;aspect-ratio:1.25;overflow:hidden;border-color:#292d36;border-radius:10px;background:#11141a;background-image:none;color:#e9eaf0;box-shadow:0 28px 70px #19203035;font-family:Arial,sans-serif}.studio-mock button{border:0;font:inherit}.studio-mock__appbar{display:grid;grid-template-columns:auto auto 1fr auto auto;align-items:center;grid-gap:11px;gap:11px;padding:0 10px;border-bottom:1px solid #30343d;background:#15181e;font-size:7px}.studio-mock__appbar>strong{font-size:11px;letter-spacing:-.3px}.studio-mock__appbar>button{padding:5px 6px;border-radius:4px;background:transparent;color:#e9eaf0;font-weight:700}.studio-mock__appbar>button span{margin-left:2px;font-size:5px}.studio-mock__appbar>div{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0}.studio-mock__appbar>div b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-mock__appbar>div small{padding:3px 5px;border:1px solid #31563d;border-radius:8px;background:#1d3526;color:#8ed7a4;font-size:5px}.studio-mock__appbar>i{color:#a9afbc;font-size:6px;font-style:normal}.studio-mock__avatar{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#7954d8;font-size:7px;font-weight:800}.studio-mock__toolbar{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;grid-gap:9px;gap:9px;padding:0 8px;border-bottom:1px solid #30343d;background:#191c23;font-size:6px}.studio-mock__toolbar>div{display:flex;padding:2px;border:1px solid #303540;border-radius:5px;background:#101319}.studio-mock__toolbar>div button{padding:4px 7px;border-radius:3px;background:transparent;color:#89909e;font-size:6px;font-weight:700}.studio-mock__run,.studio-mock__toolbar>div button.active{background:#7651d6;color:#fff}.studio-mock__run{padding:5px 9px;border-radius:5px;font-weight:800!important}.studio-mock__toolbar p{display:flex;align-items:center;justify-content:center;gap:4px;margin:0;color:#9ba1ad}.studio-mock__toolbar p b{display:grid;place-items:center;width:11px;height:11px;border-radius:50%;background:#292e39;color:#d8dbe2;font-size:5px}.studio-mock__toolbar p span{color:#555d6b}.studio-mock__toolbar aside{color:#9da4b2;font-size:8px;font-style:normal}.studio-mock__panels{display:grid;grid-template-columns:1.14fr 4px .8fr 4px 1fr;min-height:0;padding:5px;background:#0e1116}.studio-mock__panel{display:grid;grid-template-rows:31px 1fr;min-width:0;min-height:0;overflow:hidden;border:1px solid #2c313b;border-radius:6px;background:#161920}.studio-mock__panel-header{display:flex;align-items:center;justify-content:space-between;padding:0 8px;border-bottom:1px solid #2c313b;background:#1a1e25}.studio-mock__panel-header>div{display:grid;grid-gap:1px;gap:1px}.studio-mock__panel-header strong{font-size:7px}.studio-mock__panel-header small{color:#818896;font-size:5px}.studio-mock__panel-header>span{color:#777f8e;font-size:6px}.studio-mock__resizer{position:relative}.studio-mock__resizer:after{position:absolute;top:46%;left:1px;width:2px;height:22px;border-radius:2px;background:#343a46;content:""}.studio-mock__blockbody{display:grid;grid-template-columns:49px 1fr;min-height:0;background-color:#f7f8fa;background-image:radial-gradient(#cbd0d8 .6px,transparent 0);background-size:11px 11px;color:#242831}.studio-mock__blockbody>aside{display:flex;flex-direction:column;gap:9px;padding:10px 6px;border-right:1px solid #dde1e8;background:#fff;font-size:5px}.studio-mock__blockbody>aside b{color:#7651d6}.studio-mock__blockbody>aside span{color:#687080}.studio-mock__blockbody>div{padding:13px 8px;font-size:5px}.studio-mock__blockbody>div>*{display:block;width:max-content;max-width:94%;margin-top:-1px;padding:6px 8px;border-radius:3px;color:#fff;font-style:normal;font-weight:700;box-shadow:inset 0 -1px #0002}.studio-mock__blockbody em{background:#7651d6}.studio-mock__blockbody strong{margin-left:9px;background:#2f85cc}.studio-mock__blockbody span{margin-left:18px;background:#2f85cc}.studio-mock__blockbody i{margin-left:18px;background:#c25b83}.studio-mock__blockbody small{margin-left:29px;background:#3a9d6a;font-size:5px}.studio-mock__output{grid-template-rows:31px 1fr auto}.studio-mock__output-image{width:calc(100% - 14px);aspect-ratio:1;margin:7px auto 4px;background:#f6e8ca url(/images/klc.webp) 50%/cover no-repeat;box-shadow:0 3px 12px #0006}.studio-mock__output footer{padding:0 7px 7px;color:#777f8d;font-size:5px;line-height:1.3}.studio-mock__ai-content{display:flex;min-height:0;flex-direction:column;padding:7px;overflow:hidden;font-size:5px}.studio-mock__ai-content>strong{margin-bottom:5px;font-size:6px}.studio-mock__presets{display:grid;grid-template-columns:1fr 1fr;grid-gap:4px;gap:4px;margin-bottom:6px}.studio-mock__presets button{min-height:24px;padding:4px;border:1px solid #343a45;border-radius:4px;background:linear-gradient(135deg,#31206b,#c85183);color:#fff;font-size:5px;font-weight:700}.studio-mock__presets button+button{background:linear-gradient(135deg,#174438,#83a93d)}.studio-mock__ai-content label{display:grid;grid-gap:3px;gap:3px;color:#aeb4c0;font-weight:700}.studio-mock__ai-content textarea{width:100%;height:31px;padding:5px;resize:none;border:1px solid #343a45;border-radius:4px;background:#101318;color:#aeb4c0;font:5px/1.3 Arial}.studio-mock__generate{align-self:flex-end;margin:4px 0 6px;padding:5px 9px;border-radius:4px;background:#7651d6;color:#fff;font-size:5px;font-weight:800!important}.studio-mock__ai-content>header{display:flex;align-items:center;justify-content:space-between;margin:0 -7px;padding:5px 7px;border-top:1px solid #303540;border-bottom:1px solid #303540}.studio-mock__ai-content>header span{color:#8e95a3;font-size:5px}.studio-mock__ai-image{flex:1 1;min-height:62px;margin-top:6px;background:#f6e8ca url(/images/klai.webp) 50%/cover no-repeat}@media(max-width:900px){.landing-header{width:calc(100% - 36px);grid-template-columns:1fr auto auto;height:78px}.mobile-menu{display:block}.landing-header nav{display:none;position:absolute;top:70px;left:18px;right:18px;z-index:20;padding:20px;background:#f4f3ef;box-shadow:0 15px 40px #0002;flex-direction:column}.landing-header nav[data-open=true]{display:flex}.landing-hero{width:calc(100% - 36px);grid-template-columns:1fr;padding:50px 0}.hero-copy h1{font-size:56px}.kodart-visual{margin-top:55px}.features,.final-cta,.workflow,footer{width:calc(100% - 36px)}.feature-grid{grid-template-columns:1fr}.feature-grid article+article{border-left:1px solid #bbb;border-top:0}.gallery{padding:55px 18px}.gallery-grid{grid-template-columns:repeat(2,1fr)}.final-cta{grid-template-columns:1fr 1fr}}@media(max-width:600px){.landing-logo{width:116px;height:28px;font-size:18px}.landing-header-actions{gap:7px}.locale-toggle{display:none}.login-button{height:36px;padding:0 12px}.landing-hero{padding-top:30px}.hero-copy h1{font-size:43px;letter-spacing:-2.5px}.hero-copy p{font-size:16px}.hero-copy>div{gap:8px}.editor-visual{height:390px}.editor-body{grid-template-columns:35px 48% 1fr;height:290px}.editor-body aside{line-height:43px;font-size:11px}.editor-body pre{padding:12px;font-size:9px}.prompt-row{height:46px}.workflow{gap:8px}.workflow span{gap:8px;font-size:8px}.features h2,.final-cta h2,.gallery h2{font-size:36px}.final-cta{grid-template-columns:1fr;padding:60px 0}.orbit{height:240px}footer>div{grid-template-columns:1fr;gap:28px}footer nav{justify-content:flex-start;gap:25px}.socials{text-align:left}.access-dialog{padding:32px 22px}}.how-page{min-height:100%;background:#f4f3ef;color:#111318;font-family:Arial,Helvetica,sans-serif}.how-page a{color:inherit;text-decoration:none}.how-header{width:min(1320px,calc(100% - 64px));height:94px;margin:auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid #c8c7c3}.how-header>span{font-size:10px;font-weight:800;letter-spacing:1.5px}.how-header>div{display:flex;align-items:center;justify-content:flex-end;gap:26px;font-size:10px;font-weight:800;letter-spacing:1px}.how-intro{width:min(1320px,calc(100% - 64px));min-height:600px;margin:auto;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.ai-story label,.how-code-card label,.how-eyebrow,.how-heading>p,.how-output-card label,.prompt-layer label{font-size:10px;font-weight:800;letter-spacing:1.7px}.how-eyebrow{color:#275eff}.how-intro h1{max-width:900px;margin:20px 0 28px;font-size:clamp(58px,7vw,104px);font-weight:400;line-height:.98;letter-spacing:-6px}.how-intro>p:not(.how-eyebrow){max-width:620px;margin:0 0 38px;color:#555;font-size:20px;line-height:1.55}.how-section{padding:100px max(32px,calc((100% - 1320px)/2));border-top:1px solid #c8c7c3}.how-heading{display:grid;grid-template-columns:180px minmax(300px,1fr) minmax(280px,480px);grid-gap:40px;gap:40px;align-items:start;margin-bottom:70px}.how-heading>p{margin:8px 0;color:#275eff}.how-heading h2{max-width:580px;margin:0;font-size:clamp(38px,4vw,62px);font-weight:400;line-height:1.04;letter-spacing:-3px}.how-heading>span{color:#555;font-size:17px;line-height:1.65}.code-story{display:grid;grid-template-columns:minmax(0,1.15fr) 80px minmax(280px,.85fr);align-items:center}.how-code-card,.how-output-card{min-width:0;overflow:hidden;border:1px solid #c5c7cc;border-radius:6px;background:#fff;box-shadow:0 20px 55px #18202c15}.how-code-card label,.how-output-card label{display:block;padding:17px 20px;border-bottom:1px solid #ddd;background:#f8f8f7}.how-code-card pre{height:520px;margin:0;padding:25px;overflow:auto;background:#11151c;color:#d9deeb;font:13px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace}.story-arrow{color:#275eff;font-size:34px;text-align:center}.how-output-card{padding-bottom:18px}.how-klai,.how-klc{aspect-ratio:1;background-position:50%;background-size:cover;background-repeat:no-repeat}.how-klc{margin:18px;background-image:url(/images/klc.webp)}.how-klai{margin:18px;background-image:url(/images/klai.webp)}.how-section--dark{background:#101318;color:#f5f5f2;border-color:#30343a}.how-section--dark .how-heading>span{color:#a9abb0}.how-section--dark .how-heading>p{color:#ff665d}.ai-story{display:grid;grid-template-columns:minmax(220px,1fr) minmax(260px,.9fr) minmax(220px,1fr);grid-gap:32px;gap:32px;align-items:center}.ai-story article{border:1px solid #383c43;background:#171a20}.ai-story article label{display:block;padding:15px 18px;border-bottom:1px solid #383c43}.prompt-layer{position:relative;padding:30px;border:1px solid #555b65;background:#0e1014;box-shadow:0 0 50px #275eff1f}.prompt-layer:after,.prompt-layer:before{content:"";position:absolute;top:50%;width:33px;height:1px;background:#777}.prompt-layer:before{right:100%}.prompt-layer:after{left:100%}.prompt-layer p{min-height:115px;margin:18px 0;padding:18px;border:1px solid #444a53;background:#171a20;color:#e4e4e5;font:14px/1.5 ui-monospace,monospace}.prompt-layer span{color:#5d83ff;font-size:10px;font-weight:800;letter-spacing:1.5px}.learning-visual{display:grid;grid-template-columns:1.15fr 60px 1fr 60px .9fr;align-items:center;min-height:430px;padding:32px;border:1px solid #ccd0d8;border-radius:10px;background-color:#f7f8fa;background-image:radial-gradient(#c8cbd3 1px,transparent 0);background-size:17px 17px}.learning-panel{min-width:0;overflow:hidden;border:1px solid #d7dae2;border-radius:8px;background:#fff;box-shadow:0 12px 34px #222a361c}.learning-panel>header{min-height:46px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e3e5ea;background:#f8f9fb;font-size:10px}.learning-panel>header span{color:#7751dc;font-size:8px;font-weight:800}.block-workspace{display:grid;grid-template-columns:74px 1fr;height:300px}.block-workspace aside{padding:15px 8px;border-right:1px solid #e5e7ec;color:#606775;font-size:8px;line-height:3}.block-workspace>div{padding:22px 14px}.block{display:block;width:max-content;max-width:100%;margin-top:-2px;padding:9px 13px;border-radius:5px;color:#fff;font-size:8px;box-shadow:inset 0 -2px #0002}.block.purple{background:#8558d9}.block.blue{margin-left:12px;background:#3184d6}.block.amber{margin-left:12px;background:#e0a12c}.block.green{margin-left:25px;background:#37a66f}.block.pink{margin-left:25px;background:#d85a9e}.mini-cards{height:300px;padding:14px;display:grid;grid-template-columns:1fr 1fr;grid-gap:9px;gap:9px;background:#f5f6f8}.mini-cards article{padding:12px;display:grid;align-content:center;grid-gap:8px;gap:8px;border:1px solid #dce0e7;border-radius:6px;background:#fff}.mini-cards i{color:#275eff;font-size:9px;font-style:normal;font-weight:800}.mini-cards b{font-size:11px}.mini-cards span{color:#747b87;font:8px ui-monospace,monospace}.learning-transform{display:grid;justify-items:center;grid-gap:10px;gap:10px;color:#275eff;font-size:26px}.learning-transform small{max-width:55px;color:#727985;font-size:6px;font-weight:800;line-height:1.4;text-align:center}.real-code-panel pre{height:300px;margin:0;padding:22px 14px;background:#12161d;color:#e1e5ee;font:9px/1.9 ui-monospace,monospace}.real-code-panel pre em{color:#ff6f84;font-style:normal}.learning-copy{margin-top:42px;display:grid;grid-template-columns:auto auto auto auto auto 1fr;grid-gap:22px;gap:22px;align-items:start}.learning-copy>span{padding-top:6px;color:#275eff;font-size:11px;font-weight:800;letter-spacing:1px}.learning-copy>div{max-width:580px;margin-left:auto}.learning-copy h3{margin:0 0 12px;font-size:26px;font-weight:500}.learning-copy p{margin:0;color:#555;font-size:16px;line-height:1.65}.how-cta{min-height:390px;padding:80px max(32px,calc((100% - 1320px)/2));display:flex;align-items:center;justify-content:space-between;gap:50px;border-top:1px solid #c8c7c3}.how-cta h2{max-width:780px;margin:0 0 20px;font-size:clamp(40px,5vw,70px);font-weight:400;line-height:1.02;letter-spacing:-4px}.how-cta p{max-width:600px;color:#555;font-size:17px;line-height:1.6}.how-footer{width:min(1320px,calc(100% - 64px));min-height:105px;margin:auto;padding:28px 0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-top:1px solid #c8c7c3}.how-footer small:last-child{text-align:right}@media(max-width:950px){.how-heading{grid-template-columns:1fr}.how-heading h2{max-width:760px}.code-story{grid-template-columns:1fr}.story-arrow{padding:24px;transform:rotate(90deg)}.ai-story{grid-template-columns:1fr}.ai-story article,.prompt-layer{max-width:560px;width:100%;margin:auto}.prompt-layer:after,.prompt-layer:before{display:none}.learning-visual{grid-template-columns:1fr;gap:16px}.learning-panel{width:100%}.learning-transform{transform:rotate(90deg);padding:5px}.learning-transform small{display:none}.learning-copy{grid-template-columns:auto auto auto auto auto}.learning-copy>div{grid-column:1/-1;margin:20px 0 0}.how-cta{align-items:flex-start;flex-direction:column}}@media(max-width:620px){.how-header{width:calc(100% - 36px);height:76px;grid-template-columns:1fr auto}.how-header>span{display:none}.how-header .locale-toggle{display:flex}.how-header>div>a{display:none}.how-intro{width:calc(100% - 36px);min-height:520px}.how-intro h1{font-size:51px;letter-spacing:-3px}.how-intro>p:not(.how-eyebrow){font-size:17px}.how-section{padding:70px 18px}.how-heading{gap:15px;margin-bottom:45px}.how-heading h2{font-size:39px;letter-spacing:-2px}.how-heading>span{font-size:15px}.how-code-card pre{height:430px;padding:18px;font-size:10px}.ai-story{gap:18px}.learning-visual{padding:12px}.block-workspace,.mini-cards,.real-code-panel pre{height:260px}.learning-copy{gap:10px}.learning-copy>span{font-size:9px}.how-cta{padding:65px 18px}.how-cta h2{font-size:43px;letter-spacing:-2.5px}.how-footer{width:calc(100% - 36px);grid-template-columns:1fr auto}.how-footer small:last-child{display:none}}