body:has(.code-studio){background:var(--ce-bg);color:var(--ce-text);margin:0;overflow:hidden}body:has(.code-studio) .chromble-skip-link{z-index:20000}.code-studio{--ce-bg:var(--chromble-bg);--ce-canvas:var(--chromble-canvas);--ce-canvas-deep:var(--chromble-bg-deep);--ce-stage:var(--chromble-surface-2);--ce-panel:var(--chromble-surface);--ce-panel-raised:var(--chromble-surface-2);--ce-panel-soft:var(--chromble-surface-3);--ce-control:var(--chromble-control);--ce-hover:var(--chromble-hover);--ce-line:var(--chromble-line);--ce-line-soft:color-mix(in srgb, var(--chromble-text) 7%, transparent);--ce-text:var(--chromble-text);--ce-muted:var(--chromble-muted);--ce-faint:var(--chromble-faint);--ce-accent:#7c4dff;--ce-accent-2:#6734ed;--ce-accent-soft:#7c4dff24;--ce-success:#4aa868;--ce-warning:#c38d3d;--ce-error:#d95666;--ce-info:#4d89d8;--ce-sidebar-width:238px;--ce-sidebar-track:var(--ce-sidebar-width);--ce-editor-width:minmax(420px, 1.03fr);--ce-console-height:188px;background:var(--ce-bg);height:100dvh;min-height:620px;color:var(--ce-text);color-scheme:inherit;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}.code-studio *,.code-studio :before,.code-studio :after{box-sizing:border-box}.code-studio button,.code-studio input,.code-studio select{font:inherit}.code-studio button,.code-studio a{-webkit-tap-highlight-color:transparent}.code-studio svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round}.code-studio button:focus-visible,.code-studio a:focus-visible,.code-studio input:focus-visible,.code-studio select:focus-visible{outline:2px solid color-mix(in srgb, var(--ce-accent) 80%, white);outline-offset:2px}.code-topbar{z-index:40;border-bottom:1px solid var(--ce-line);background:var(--ce-panel);grid-template-columns:minmax(260px,1fr) auto minmax(280px,1fr);align-items:center;height:60px;display:grid;position:relative}.code-topbar__brand,.code-topbar__actions,.code-viewport-controls{align-items:center;display:flex}.code-topbar__brand{gap:13px;min-width:0;height:100%;padding-left:18px}.code-brand{min-width:0;color:var(--ce-text);cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;padding:0;display:flex}.code-brand img{object-fit:contain;flex:none;width:30px;height:30px}.code-brand strong{letter-spacing:-.025em;font-size:18px;font-weight:700}.code-topbar__divider{background:var(--ce-line);width:1px;height:27px}.code-project-menu-wrap{min-width:0;position:relative}.code-project-trigger{max-width:220px;height:38px;color:var(--ce-text);cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:0 8px 0 0;display:inline-flex}.code-project-trigger span{text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;font-weight:750;overflow:hidden}.code-project-trigger svg{width:15px;height:15px;color:var(--ce-muted);transition:transform .15s}.code-project-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.code-project-menu{border:1px solid var(--ce-line-strong);background:var(--ce-panel);border-radius:12px;width:210px;padding:7px;position:absolute;top:calc(100% + 9px);left:-10px;box-shadow:0 18px 60px #0000006b}.code-project-menu button{width:100%;min-height:38px;color:var(--ce-text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:0 10px;font-size:12px;display:flex}.code-project-menu button:hover{background:var(--ce-panel-soft)}.code-project-menu button svg{width:16px;height:16px;color:var(--ce-muted)}.code-project-menu__rule{background:var(--ce-line);height:1px;margin:5px 4px;display:block}.code-template-trigger{border:1px solid var(--ce-line);background:var(--ce-control);height:38px;color:var(--ce-muted);cursor:pointer;border-radius:7px;flex:none;align-items:center;gap:7px;padding:0 10px;font-size:11px;font-weight:780;display:inline-flex}.code-template-trigger:hover{border-color:var(--ce-line-strong);background:var(--ce-hover);color:var(--ce-text)}.code-template-trigger svg{color:#a98cff;width:15px;height:15px}.code-viewport-controls{border:1px solid var(--ce-line);background:var(--ce-stage);border-radius:7px;height:38px;overflow:hidden;box-shadow:inset 0 1px #ffffff06}.code-viewport-select-wrap{border-right:1px solid var(--ce-line);align-items:center;gap:7px;height:100%;padding-left:10px;display:flex}.code-viewport-select-wrap svg{width:15px;height:15px;color:var(--chromble-text-soft)}.code-viewport-controls select,.code-viewport-number input{height:100%;color:var(--ce-text);background:0 0;border:0;outline:0}.code-viewport-controls select{appearance:none;cursor:pointer;width:148px;font-size:12px}.code-viewport-number{height:100%}.code-viewport-number input{text-align:center;width:62px;padding:0 6px;font-size:12px}.code-viewport-number input::-webkit-inner-spin-button{display:none}.code-viewport-controls__times{color:var(--chromble-line-strong);font-size:15px}.code-topbar__actions{justify-content:flex-end;gap:8px;padding-right:14px}.code-button{border:1px solid var(--ce-line-strong);background:var(--ce-control);height:38px;color:var(--ce-text);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:0 .78rem;font-size:.74rem;font-weight:800;text-decoration:none;display:inline-flex}.code-button svg{width:16px;height:16px}.code-button:hover{border-color:var(--ce-line-strong);background:var(--ce-hover)}.code-button--primary{background:linear-gradient(135deg,#8055ff,#6635e8);border-color:#7651ee;box-shadow:0 8px 24px #6734ed33}.code-button--primary:hover{background:linear-gradient(135deg,#8a61ff,#6e3cf1)}.code-workspace{grid-template-columns:60px var(--ce-sidebar-track) var(--ce-editor-width) 6px minmax(480px,1.18fr);grid-template-rows:minmax(320px,1fr) 5px var(--ce-console-height);background:var(--ce-bg);height:calc(100dvh - 60px);display:grid;position:relative}.code-studio.is-sidebar-hidden{--ce-sidebar-track:0px}.code-studio.is-sidebar-hidden .code-sidebar{display:none}.code-activitybar{border-right:1px solid var(--ce-line);background:var(--ce-panel);flex-direction:column;grid-area:1/1/4;justify-content:space-between;align-items:center;min-height:0;padding:12px 0;display:flex}.code-activitybar__main,.code-activitybar__bottom{gap:7px;display:grid}.code-activitybar button{width:40px;height:40px;color:var(--ce-muted);cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;padding:0;display:grid;position:relative}.code-activitybar button:before{content:"";background:0 0;border-radius:0 3px 3px 0;width:2px;height:22px;position:absolute;left:-12px}.code-activitybar button:hover{color:var(--ce-text);background:var(--ce-hover)}.code-activitybar button.is-active{color:#fff;border:1px solid var(--ce-line-strong);background:color-mix(in srgb, var(--ce-text) 12%, var(--ce-panel))}.code-activitybar button.is-active:before{background:#875cff}.code-activitybar button svg{width:20px;height:20px}.code-sidebar{border-right:1px solid var(--ce-hover);background:var(--ce-panel);grid-area:1/2/4;min-width:0;min-height:0;overflow:hidden}.code-side-view{height:100%;min-height:0;display:none;overflow:auto}.code-side-view.is-active{display:block}.code-side-title{z-index:2;background:var(--ce-panel);height:44px;color:var(--chromble-text-soft);letter-spacing:.025em;justify-content:space-between;align-items:center;padding:0 13px 0 20px;font-size:10.5px;font-weight:720;display:flex;position:sticky;top:0}.code-side-title>div{align-items:center;gap:2px;display:flex}.code-side-title button{width:28px;height:28px;color:var(--ce-faint);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;padding:0;display:grid}.code-side-title button:hover{background:var(--ce-hover);color:var(--ce-text)}.code-side-title button svg{width:15px;height:15px}.code-side-body{padding:10px 13px 18px}.code-side-copy,.code-empty-copy{color:var(--ce-faint);margin:4px 4px 12px;font-size:11.5px;line-height:1.55}.code-side-copy strong{color:var(--ce-muted);font-weight:650}.code-project-tree{user-select:none;padding-bottom:18px;font-size:12.5px}.code-tree-row{height:32px;padding:0 10px 0 calc(13px + var(--tree-depth,0) * 17px);color:var(--chromble-text-soft);cursor:pointer;align-items:center;gap:7px;display:flex;position:relative}.code-tree-row:hover,.code-tree-row.is-active{background:var(--ce-hover);color:var(--ce-text)}.code-tree-row.is-root{height:34px;color:var(--ce-text);font-size:11.5px;font-weight:720}.code-tree-row.is-folder{color:var(--chromble-text-soft)}.code-tree-row.is-folder.is-collapsed+.code-tree-children{display:none}.code-tree-row svg{width:15px;height:15px;color:var(--ce-muted);flex:none}.code-tree-row .code-tree-chevron{width:12px;transition:transform .12s}.code-tree-row.is-collapsed .code-tree-chevron{transform:rotate(-90deg)}.code-tree-file-icon{text-align:center;flex:none;width:18px;font-size:10px;font-weight:800}.code-tree-file-icon[data-ext=html]{color:#f26c50}.code-tree-file-icon[data-ext=css]{color:#60a7ff;font-size:15px}.code-tree-file-icon[data-ext=js]{color:#f0cf49}.code-tree-file-icon[data-ext=json]{color:#e2c86c}.code-tree-file-icon[data-ext=md]{color:#8fb8ef}.code-tree-file-icon[data-ext=svg]{color:#e09967}.code-tree-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.code-tree-dirty{opacity:0;background:#d98b5d;border-radius:50%;width:6px;height:6px;margin-left:auto}.code-tree-row.is-dirty .code-tree-dirty{opacity:1}.code-tree-row__action{width:25px;height:25px;color:var(--ce-muted);cursor:pointer;background:0 0;border:0;border-radius:5px;place-items:center;margin-left:auto;display:none}.code-tree-row:hover .code-tree-row__action{display:grid}.code-tree-row__action:hover{background:var(--ce-hover);color:var(--ce-text)}.code-project-search{gap:8px;display:grid}.code-search-field{border:1px solid var(--ce-hover);background:var(--ce-stage);border-radius:7px;align-items:center;gap:7px;height:36px;padding:0 9px;display:flex}.code-search-field:focus-within{border-color:#7253d7;box-shadow:0 0 0 1px #7253d7}.code-search-field svg{width:15px;height:15px;color:var(--ce-faint);flex:none}.code-search-field input{min-width:0;color:var(--ce-text);appearance:none;border-radius:0;flex:1;font-size:12px;box-shadow:none!important;background:0 0!important;border:0!important;outline:0!important}.code-search-field--replace{margin-top:-1px}.code-search-options{align-items:center;gap:5px;min-height:28px;display:flex}.code-search-options label{cursor:pointer;position:relative}.code-search-options label input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.code-search-options label span,.code-search-options>button{border:1px solid var(--ce-line);background:var(--ce-control);min-height:27px;color:var(--ce-muted);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0 7px;font-size:9.5px;font-weight:700;display:inline-flex}.code-search-options label:hover span,.code-search-options>button:hover{border-color:var(--ce-line-strong);background:var(--ce-hover);color:var(--ce-text)}.code-search-options label input:checked+span{border-color:color-mix(in srgb,var(--ce-accent) 60%,var(--ce-line));background:var(--ce-accent-soft);color:#c9bcff}.code-search-options>button{margin-left:2px}.code-search-summary{min-width:0;color:var(--ce-faint);text-overflow:ellipsis;white-space:nowrap;margin-left:auto;font-size:9.5px;overflow:hidden}.code-search-results{margin-top:4px}.code-search-result{background:0 0;border-radius:7px;grid-template-columns:minmax(0,1fr) 28px;align-items:center;gap:3px;width:100%;padding:3px;display:grid}.code-search-result:hover,.code-search-result:focus-within{background:var(--ce-hover)}.code-search-result__open{min-width:0;color:var(--chromble-text-soft);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:5px;gap:3px;padding:5px;display:grid}.code-search-result__open:focus-visible{outline:1px solid color-mix(in srgb,var(--ce-accent) 70%,transparent);outline-offset:-1px}.code-search-result__replace{width:26px;height:26px;color:var(--ce-faint);opacity:.2;cursor:pointer;background:0 0;border:0;border-radius:5px;place-items:center;display:grid}.code-search-result:hover .code-search-result__replace,.code-search-result:focus-within .code-search-result__replace{opacity:1}.code-search-result__replace:hover{background:var(--ce-control);color:var(--ce-text)}.code-search-result__replace svg{width:13px;height:13px}.code-search-result strong{font-size:11.5px;font-weight:680}.code-search-result span{color:var(--ce-faint);text-overflow:ellipsis;white-space:nowrap;font:10.5px/1.35 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:hidden}.code-tool-card{border:1px solid var(--ce-line);background:var(--ce-stage);border-radius:9px;padding:13px}.code-tool-card__label{color:var(--ce-muted);margin-bottom:12px;font-size:11.5px;display:block}.code-swatches{grid-template-columns:repeat(5,1fr);gap:5px;display:grid}.code-swatches button{aspect-ratio:1;background:var(--swatch);cursor:pointer;border:1px solid #ffffff14;border-radius:4px;min-width:0;transition:transform .12s}.code-swatches button:hover{transform:translateY(-2px)}.code-tool-card__row{justify-content:space-between;align-items:center;gap:8px;margin-top:11px;display:flex}.code-tool-card__row strong{color:var(--chromble-text-soft);font-size:10.5px;font-weight:580}.code-tool-card__row button{width:28px;height:28px;color:var(--ce-faint);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;display:grid}.code-tool-card__row button:hover{background:var(--ce-hover);color:var(--ce-text)}.code-tool-card__row svg{width:14px;height:14px}.code-palette-panel{gap:7px;display:grid}.code-side-action{border:1px solid var(--ce-line);background:var(--ce-control);min-height:44px;color:var(--chromble-text-soft);cursor:pointer;border-radius:7px;align-items:center;gap:11px;padding:0 12px;font-size:11.5px;text-decoration:none;display:flex}.code-side-action:hover{border-color:var(--ce-line-strong);background:var(--ce-hover)}.code-side-action svg{width:17px;height:17px;color:var(--ce-muted)}.code-side-view[data-side-view=packages] .code-side-title{font-size:11.5px}.code-package-panel{gap:14px;display:grid}.code-package-install{gap:8px;display:grid;position:relative}.code-package-install>label,.code-package-section>header span{color:var(--ce-faint);letter-spacing:.075em;text-transform:uppercase;font-size:10.5px;font-weight:800}.code-package-install__row{grid-template-columns:minmax(0,1fr) auto;gap:7px;display:grid}.code-package-install__row input{border:1px solid var(--ce-line-strong);background:var(--ce-control);min-width:0;height:36px;color:var(--ce-text);border-radius:7px;outline:0;padding:0 10px;font-size:12px}.code-package-install__row input::placeholder{color:var(--ce-faint)}.code-package-install__row input:focus{border-color:color-mix(in srgb,var(--ce-accent) 72%,var(--ce-line));box-shadow:0 0 0 2px var(--ce-accent-soft)}.code-package-install__row button{color:#fff;cursor:pointer;background:#7549ef;border:1px solid #7651ee;border-radius:7px;height:36px;padding:0 11px;font-size:11.5px;font-weight:800}.code-package-install__row button:hover{background:#8055ff}.code-package-install__row button:disabled{opacity:.55;cursor:wait}.code-package-install>small{color:var(--ce-faint);font-size:10.5px;line-height:1.55}.code-package-install>small code{color:var(--ce-muted);font:inherit}.code-package-search-results{border:1px solid var(--ce-line-strong);background:var(--ce-panel-raised);border-radius:9px;overflow:hidden;box-shadow:0 12px 34px #0003}.code-package-search-results[hidden]{display:none}.code-package-search-result{border:0;border-bottom:1px solid var(--ce-line);width:100%;min-height:48px;color:var(--ce-text);text-align:left;cursor:pointer;background:0 0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 9px;display:grid}.code-package-search-result:last-child{border-bottom:0}.code-package-search-result:hover{background:var(--ce-hover)}.code-package-search-result>span{gap:3px;min-width:0;display:grid}.code-package-search-result strong{text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;font-weight:750;overflow:hidden}.code-package-search-result small{color:var(--ce-faint);text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.4;overflow:hidden}.code-package-search-result em{color:var(--ce-muted);font:10px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.code-package-search-message{color:var(--ce-faint);margin:0;padding:11px;font-size:10.5px;line-height:1.5}.code-package-warning{border:1px solid color-mix(in srgb,var(--ce-warning) 28%,var(--ce-line));background:color-mix(in srgb,var(--ce-warning) 6%,var(--ce-panel));color:var(--ce-muted);border-radius:8px;grid-template-columns:16px minmax(0,1fr);gap:8px;padding:10px;font-size:10.5px;line-height:1.55;display:grid}.code-package-warning svg{width:15px;height:15px;color:var(--ce-warning)}.code-package-section{gap:7px;display:grid}.code-package-section[hidden]{display:none}.code-package-section>header{justify-content:space-between;align-items:center;gap:8px;min-height:24px;display:flex}.code-package-section>header b{background:var(--ce-control);min-width:20px;height:20px;color:var(--ce-faint);border-radius:999px;justify-content:center;align-items:center;padding:0 6px;font-size:10px;font-weight:800;display:inline-flex}.code-package-list{border:1px solid var(--ce-line);background:var(--ce-stage);border-radius:8px;overflow:hidden}.code-package-row{border-bottom:1px solid var(--ce-line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-height:47px;padding:7px 8px 7px 10px;display:grid}.code-package-row:last-child{border-bottom:0}.code-package-row__copy{gap:3px;min-width:0;display:grid}.code-package-row__name{align-items:center;gap:6px;min-width:0;display:flex}.code-package-row__name strong{color:var(--ce-text);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;font-weight:700;overflow:hidden}.code-package-row__name em{background:color-mix(in srgb,var(--ce-accent) 11%,var(--ce-control));color:#bca9ff;letter-spacing:.055em;text-transform:uppercase;border-radius:999px;padding:3px 5px;font-size:8.5px;font-style:normal;font-weight:850}.code-package-row__copy small{color:var(--ce-faint);text-overflow:ellipsis;white-space:nowrap;font:10px/1.35 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:hidden}.code-package-row.is-error{background:color-mix(in srgb,var(--ce-error) 5%,var(--ce-stage))}.code-package-row.is-error .code-package-row__copy small{color:var(--ce-error)}.code-package-row__action{border:1px solid var(--ce-line);background:var(--ce-control);min-width:28px;height:28px;color:var(--ce-muted);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0 8px;font-size:10.5px;font-weight:750;display:inline-flex}.code-package-row__action:hover{border-color:var(--ce-line-strong);background:var(--ce-hover);color:var(--ce-text)}.code-package-row__action.is-install{color:#bca9ff}.code-package-empty{color:var(--ce-faint);margin:0;padding:11px;font-size:10.5px;line-height:1.5}.code-structure-tree{gap:1px;display:grid}.code-structure-row{min-height:28px;padding-left:calc(var(--depth,0) * 12px);color:var(--ce-muted);align-items:center;gap:7px;font:11px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:flex}.code-structure-row:before{content:"◇";color:#6853aa;font-size:9px}.code-structure-row strong{color:var(--chromble-text-soft);font-weight:550}.code-structure-row span{color:var(--ce-faint);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.code-asset-dropzone{border:1px dashed var(--ce-hover);background:var(--ce-stage);width:100%;min-height:118px;color:var(--ce-muted);cursor:pointer;border-radius:9px;place-items:center;gap:5px;padding:16px;display:grid}.code-asset-dropzone:hover,.code-asset-dropzone.is-dragging{color:var(--chromble-text-soft);background:#7c4dff12;border-color:#7956e4}.code-asset-dropzone svg{width:22px;height:22px}.code-asset-dropzone strong{font-size:11.5px}.code-asset-dropzone span{color:var(--ce-faint);font-size:9.5px}.code-asset-browser-toolbar{align-items:center;gap:8px;margin-top:10px;display:flex}.code-asset-browser-toolbar input{border:1px solid var(--ce-line-strong);background:var(--ce-stage);min-width:0;height:32px;color:var(--ce-text);border-radius:7px;outline:0;flex:1;padding:0 9px;font-size:10.5px}.code-asset-browser-toolbar input:focus{border-color:#7655db;box-shadow:0 0 0 1px #7655db}.code-asset-browser-toolbar span{color:var(--ce-faint);white-space:nowrap;flex:none;font-size:9px}.code-asset-list{gap:5px;margin-top:8px;display:grid}.code-asset-row{background:var(--ce-control);border:1px solid #0000;border-radius:7px;align-items:center;gap:4px;min-width:0;min-height:50px;padding:5px 6px;display:flex}.code-asset-row[draggable=true]{cursor:grab}.code-asset-row[draggable=true]:active{cursor:grabbing}.code-asset-row:hover{border-color:var(--ce-line-strong)}.code-asset-open{text-align:left;flex:1;align-items:center;gap:8px;min-width:0;min-height:40px;justify-content:flex-start!important;padding:0!important;display:flex!important}.code-asset-thumb{border:1px solid var(--ce-hover);background:var(--ce-stage);border-radius:5px;flex:none;width:38px;height:38px;overflow:hidden}.code-asset-thumb img{object-fit:cover;width:100%;height:100%}.code-asset-copy{flex:1;gap:2px;min-width:0;display:grid}.code-asset-copy strong,.code-asset-copy span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.code-asset-copy strong{color:var(--chromble-text-soft);font-size:10.5px;font-weight:620}.code-asset-copy span{color:var(--ce-faint);font-size:9px}.code-asset-row button{width:28px;height:28px;color:var(--ce-faint);cursor:pointer;background:0 0;border:0;border-radius:5px;flex:none;place-items:center;display:grid}.code-asset-row button:hover{background:var(--ce-hover);color:var(--ce-text)}.code-asset-row button svg{width:13px;height:13px}.code-asset-row .code-asset-open{flex:1;width:auto;min-width:0}.code-asset-open:hover{background:0 0!important}.code-monaco-host.is-asset-dragover{box-shadow:inset 0 0 0 2px #7956e4}.code-snippet-list{gap:6px;display:grid}.code-snippet-list>button{border:1px solid var(--ce-line-strong);background:var(--ce-control);min-height:58px;color:var(--chromble-text-soft);text-align:left;cursor:pointer;border-radius:8px;gap:3px;padding:10px 11px;display:grid}.code-snippet-list>button:hover{border-color:var(--ce-line-strong);background:var(--ce-hover)}.code-snippet-list strong{font-size:11.5px}.code-snippet-list span{color:var(--ce-faint);font-size:9.5px}.code-settings-list{gap:18px;display:grid}.code-settings-group{gap:11px;display:grid}.code-settings-group+.code-settings-group{border-top:1px solid var(--ce-line);padding-top:16px}.code-settings-group>header{align-items:center;min-height:18px;display:flex}.code-settings-group>header span{color:var(--ce-faint);letter-spacing:.085em;text-transform:uppercase;font-size:9px;font-weight:800}.code-settings-group>label:not(.code-toggle-row){color:var(--ce-muted);gap:6px;font-size:10.5px;display:grid}.code-settings-project-name{gap:6px;display:grid}.code-settings-project-name>label{color:var(--ce-muted);font-size:10.5px}.code-settings-list input[type=number],.code-settings-list input[type=text],.code-settings-list select{border:1px solid var(--ce-hover);background:var(--ce-stage);width:100%;height:34px;color:var(--ce-text);border-radius:7px;outline:0;padding:0 9px}.code-settings-list input[type=number]:focus,.code-settings-list input[type=text]:focus,.code-settings-list select:focus{border-color:color-mix(in srgb,var(--ce-accent) 65%,var(--ce-line));box-shadow:0 0 0 2px var(--ce-accent-soft)}.code-settings-input-row{grid-template-columns:minmax(0,1fr) auto;gap:6px;display:grid}.code-settings-input-row button{border:1px solid var(--ce-line-strong);background:var(--ce-control);min-width:52px;height:34px;color:var(--ce-text);cursor:pointer;border-radius:7px;padding:0 9px;font-size:10px;font-weight:750}.code-settings-input-row button:hover{border-color:color-mix(in srgb,var(--ce-accent) 45%,var(--ce-line-strong));background:var(--ce-hover)}.code-settings-runtime-card{border:1px solid var(--ce-line);background:var(--ce-stage);border-radius:8px;gap:3px;padding:10px 11px;display:grid}.code-settings-runtime-card>span{color:var(--ce-faint);letter-spacing:.075em;text-transform:uppercase;font-size:8.5px;font-weight:800}.code-settings-runtime-card strong{color:var(--ce-text);font-size:11.5px;font-weight:700}.code-settings-runtime-card small{color:var(--ce-muted);font-size:9.5px}.code-settings-note{color:var(--ce-faint);margin:-2px 0 0;font-size:9px;line-height:1.55}.code-settings-note code{color:var(--ce-muted);font:inherit}.code-intelligence-shortcuts{gap:6px;display:grid}.code-intelligence-shortcuts>span{border:1px solid var(--ce-line);background:var(--ce-stage);border-radius:7px;justify-content:space-between;align-items:center;gap:8px;min-height:30px;padding:6px 8px;display:flex}.code-intelligence-shortcuts strong{color:var(--ce-muted);font-size:9.5px;font-weight:650}.code-intelligence-shortcuts kbd{border:1px solid var(--ce-line-strong);background:var(--ce-control);min-height:20px;color:var(--ce-faint);white-space:nowrap;border-radius:5px;align-items:center;padding:0 6px;font:8.5px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:inline-flex}.code-toggle-row{min-height:40px;color:var(--chromble-text-soft);justify-content:space-between;align-items:center;gap:10px;display:flex}.code-toggle-row>span{gap:1px;min-width:0;display:grid}.code-toggle-row strong{font-size:10.5px;font-weight:620}.code-toggle-row small{color:var(--ce-faint);font-size:9px;line-height:1.4}.code-toggle-row input{accent-color:var(--ce-accent);flex:none}.code-main{background:var(--ce-canvas-deep);flex-direction:column;grid-area:1/3;min-width:0;min-height:0;display:flex}.code-editor-tabs{border-bottom:1px solid var(--ce-hover);background:var(--ce-panel-raised);scrollbar-width:none;flex:none;height:46px;display:flex;overflow:auto hidden}.code-editor-tabs::-webkit-scrollbar{display:none}.code-editor-tab{border:0;border-right:1px solid var(--ce-line);background:var(--ce-panel-raised);min-width:124px;max-width:180px;height:46px;color:var(--ce-muted);cursor:pointer;flex:none;align-items:center;gap:8px;padding:0 12px 0 15px;display:flex;position:relative}.code-editor-tab:before{content:"";background:0 0;height:2px;position:absolute;top:0;left:0;right:0}.code-editor-tab.is-active{background:var(--ce-canvas-deep);color:var(--ce-text)}.code-editor-tab.is-active:before{background:#855cff}.code-editor-tab__icon{text-align:center;flex:none;width:17px;font-size:10px;font-weight:800}.code-editor-tab__icon[data-ext=html]{color:#f36d51}.code-editor-tab__icon[data-ext=css]{color:#61a8ff;font-size:14px}.code-editor-tab__icon[data-ext=js]{color:#efd049}.code-editor-tab__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;overflow:hidden}.code-editor-tab__dirty{opacity:0;background:#d98b5d;border-radius:50%;flex:none;width:6px;height:6px}.code-editor-tab.is-dirty .code-editor-tab__dirty{opacity:1}.code-editor-tab__close{width:22px;height:22px;color:var(--ce-faint);opacity:.15;cursor:pointer;background:0 0;border:0;border-radius:5px;flex:none;place-items:center;margin-left:auto;display:grid}.code-editor-tab:hover .code-editor-tab__close,.code-editor-tab.is-active .code-editor-tab__close{opacity:1}.code-editor-tab__close:hover{background:var(--ce-hover);color:var(--ce-text)}.code-editor-tab__close svg{width:12px;height:12px}.code-editor-tab-add{border:0;border-right:1px solid var(--ce-line);background:var(--ce-panel-raised);width:42px;height:46px;color:var(--ce-muted);cursor:pointer;flex:none;place-items:center;display:grid}.code-editor-tab-add:hover{background:var(--ce-hover);color:var(--ce-text)}.code-editor-tab-add svg{width:16px;height:16px}.code-monaco-host{background:var(--ce-canvas-deep);flex:1;min-height:0;position:relative;overflow:hidden}#fallback-editor{resize:none;background:var(--ce-canvas-deep);width:100%;height:100%;color:var(--ce-text);caret-color:var(--ce-text);tab-size:2;border:0;outline:0;padding:18px 20px;font:14px/1.65 SFMono-Regular,Consolas,Liberation Mono,monospace;position:absolute;inset:0}.code-editor-loading{z-index:3;border:1px solid var(--ce-hover);background:color-mix(in srgb,var(--ce-panel) 92%,transparent);color:var(--ce-faint);pointer-events:none;backdrop-filter:blur(8px);border-radius:7px;align-items:center;gap:7px;padding:7px 10px;font-size:9.5px;display:flex;position:absolute;bottom:14px;right:14px}.code-editor-loading>span:first-child{border:1px solid #8762ef;border-top-color:#0000;border-radius:50%;width:8px;height:8px;animation:.8s linear infinite ce-spin}@keyframes ce-spin{to{transform:rotate(360deg)}}.code-editor-loading.is-hidden{display:none}.code-editor-statusbar{border-top:1px solid var(--ce-hover);background:var(--ce-panel);height:26px;color:var(--ce-muted);user-select:none;flex:none;align-items:center;gap:12px;padding:0 12px;font-size:10.5px;display:flex}.code-editor-statusbar>span{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.code-editor-statusbar svg{width:13px;height:13px}.code-editor-statusbar b{font-weight:550}.code-status-spacer{flex:1}.code-status-action{height:22px;color:var(--ce-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:0 5px}.code-status-action:hover{background:var(--ce-hover);color:var(--ce-text)}.code-status-diagnostic{align-items:center;gap:4px;display:inline-flex}#problem-status svg{color:var(--ce-error)}#warning-status svg{color:var(--ce-warning)}.code-status-save i,.code-status-ready i{background:#4bb96a;border-radius:50%;width:6px;height:6px}.code-status-save.is-dirty{color:#dba16f}.code-status-save.is-dirty i{background:#d98b5d}.code-status-save.is-error{color:#ef7b87}.code-status-save.is-error i{background:#ef5b6b}.code-status-save.is-conflict{color:#dba16f}.code-status-save.is-conflict i{background:#d98b5d}.code-project-trigger.is-dirty #code-project-name:after{content:"";vertical-align:1px;background:#d98b5d;border-radius:50%;width:6px;height:6px;margin-left:7px;display:inline-block}.code-resizer{z-index:12;background:var(--ce-canvas-deep);touch-action:none;position:relative}.code-resizer:after{content:"";background:0 0;transition:background .1s;position:absolute}.code-resizer:hover:after,.code-resizer.is-dragging:after{background:#744ee7}.code-resizer--vertical{cursor:col-resize;grid-area:1/4}.code-resizer--vertical:after{width:1px;top:0;bottom:0;left:2px}.code-resizer--horizontal{cursor:row-resize;grid-area:2/3/auto/6}.code-resizer--horizontal:after{height:1px;top:2px;left:0;right:0}.code-studio.is-resizing-panes #live-preview{pointer-events:none}.code-studio.is-resizing-panes .code-resizer{z-index:100}.code-preview{background:var(--ce-canvas-deep);flex-direction:column;grid-area:1/5;min-width:0;min-height:0;display:flex}.code-preview__head{border-bottom:1px solid var(--ce-hover);background:var(--ce-panel-raised);height:44px;color:var(--chromble-text-soft);letter-spacing:.02em;flex:none;justify-content:space-between;align-items:center;padding:0 12px 0 14px;font-size:10.5px;font-weight:620;display:flex}.code-preview__head>div{gap:3px;display:flex}.code-preview__head button{width:28px;height:28px;color:var(--ce-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;display:grid}.code-preview__head button:hover{background:var(--ce-hover);color:var(--ce-text)}.code-preview__head svg{width:16px;height:16px}.code-preview__stage{--preview-width:1280px;--preview-height:720px;--preview-scale:1;background-color:var(--ce-canvas);background-image:linear-gradient(45deg,color-mix(in srgb,var(--ce-text) 2.3%,transparent) 25%,transparent 25%,transparent 75%,color-mix(in srgb,var(--ce-text) 2.3%,transparent) 75%),linear-gradient(45deg,color-mix(in srgb,var(--ce-text) 2.3%,transparent) 25%,transparent 25%,transparent 75%,color-mix(in srgb,var(--ce-text) 2.3%,transparent) 75%);background-position:0 0,12px 12px;background-size:24px 24px;flex:1;min-height:0;position:relative;overflow:hidden}#live-preview{background:#fff;display:block}.code-preview__stage[data-preview-mode=responsive]{background:#fff;overflow:hidden}.code-preview__stage[data-preview-mode=responsive] #live-preview{width:100%;height:100%;box-shadow:none;border:0;border-radius:0;position:absolute;inset:0;transform:none}.code-preview__stage[data-preview-mode=actual]{padding:16px;overflow:auto}.code-preview__stage[data-preview-mode=actual] #live-preview{width:var(--preview-width);height:var(--preview-height);border:1px solid var(--ce-hover);box-shadow:0 20px 60px var(--chromble-shadow);border-radius:8px;margin:0 auto;position:relative;transform:none}.code-preview__stage[data-preview-mode=fit]{overflow:hidden}.code-preview__stage[data-preview-mode=fit] #live-preview{width:var(--preview-width);height:var(--preview-height);border:1px solid var(--ce-hover);box-shadow:0 20px 60px var(--chromble-shadow);transform:translate(-50%,-50%) scale(var(--preview-scale));transform-origin:50%;border-radius:8px;position:absolute;top:50%;left:50%}.code-preview__toolbar{border-top:1px solid var(--ce-hover);background:var(--ce-panel);flex:none;justify-content:space-between;align-items:center;height:50px;padding:0 10px;display:flex}.code-device-buttons{gap:7px;display:flex}.code-device-buttons button{width:36px;height:34px;color:var(--ce-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;place-items:center;display:grid}.code-device-buttons button:hover{background:var(--ce-hover);color:var(--ce-text)}.code-device-buttons button.is-active{border-color:var(--ce-line-strong);background:color-mix(in srgb,var(--ce-text) 12%,var(--ce-panel));color:var(--ce-text);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ce-text) 5%,transparent)}.code-device-buttons button:disabled{opacity:.35;cursor:not-allowed;background:0 0}.code-device-buttons svg{width:16px;height:16px}.code-preview-mode select{border:1px solid var(--ce-line-strong);appearance:none;background:var(--ce-control) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 20 20' fill='none' stroke='%23969ca7' stroke-width='2'%3E%3Cpath d='m6 8 4 4 4-4'/%3E%3C/svg%3E") no-repeat calc(100% - 11px) 50%;min-width:104px;height:34px;color:var(--ce-text);border-radius:8px;padding:0 28px 0 10px;font-size:11.5px}.code-viewport-number input:disabled{color:var(--ce-faint);cursor:default}.code-viewport-number input:disabled::placeholder{color:var(--ce-faint);opacity:1}.code-console{background:var(--ce-canvas-deep);grid-area:3/3/auto/6;min-width:0;min-height:0;overflow:hidden}.code-console.is-collapsed{--collapsed-height:40px}.code-console__tabs{border-top:1px solid var(--ce-line);border-bottom:1px solid var(--ce-line);background:var(--ce-panel);align-items:center;height:40px;padding-left:6px;display:flex}.code-console__tabs>button:not(.code-console__icon-button){height:39px;color:var(--ce-muted);cursor:pointer;background:0 0;border:0;padding:0 13px;font-size:10.5px;position:relative}.code-console__tabs>button[data-console-tab]:after{content:"";background:0 0;border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:0;left:14px;right:14px}.code-console__tabs>button.is-active{color:var(--ce-text)}.code-console__tabs>button.is-active:after{background:#8357f5}.code-console__tabs i{background:var(--ce-panel-soft);border-radius:999px;min-width:19px;padding:2px 5px;font-size:9px;font-style:normal}.code-console__tabs>span{flex:1}.code-console__text-button{color:var(--ce-muted)!important}.code-console__icon-button{border:0;border-left:1px solid var(--ce-line);width:38px;height:39px;color:var(--ce-faint);cursor:pointer;background:0 0;place-items:center;display:grid}.code-console__icon-button:hover,.code-console__text-button:hover{color:var(--ce-text)!important;background:var(--ce-hover)!important}.code-console__icon-button svg{width:16px;height:16px;transition:transform .15s}.code-console.is-collapsed .code-console__icon-button svg{transform:rotate(180deg)}.code-console__view{height:calc(100% - 40px);min-height:0;display:none}.code-console__view.is-active{display:block}.code-console__output,.code-console__problems{height:100%;color:var(--ce-faint);padding:12px 20px;font:11.5px/1.75 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;overflow:auto}.code-console-line{white-space:pre-wrap;word-break:break-word;grid-template-columns:66px 16px minmax(0,1fr);align-items:baseline;gap:4px;display:grid}.code-console-line time{color:var(--chromble-line-strong)}.code-console-line__icon{text-align:center}.code-console-line[data-level=success] .code-console-line__message,.code-console-line[data-level=success] .code-console-line__icon{color:var(--ce-success)}.code-console-line[data-level=info] .code-console-line__message,.code-console-line[data-level=info] .code-console-line__icon{color:var(--ce-info)}.code-console-line[data-level=warn] .code-console-line__message,.code-console-line[data-level=warn] .code-console-line__icon{color:var(--ce-warning)}.code-console-line[data-level=error] .code-console-line__message,.code-console-line[data-level=error] .code-console-line__icon{color:var(--ce-error)}.code-console__view[data-console-view=problems].is-active{flex-direction:column;display:flex}.code-problems-toolbar{border-bottom:1px solid var(--ce-line-soft);background:color-mix(in srgb,var(--ce-panel) 84%,var(--ce-stage));flex:0 0 34px;align-items:center;gap:4px;min-height:34px;padding:0 10px;display:flex}.code-problems-toolbar button{height:25px;color:var(--ce-muted);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:6px;padding:0 8px;font-size:10px;font-weight:600;line-height:1;display:inline-flex}.code-problems-toolbar button:hover{color:var(--ce-text);background:var(--ce-hover)}.code-problems-toolbar button.is-active{border-color:var(--ce-line-strong);background:var(--ce-panel-soft);color:var(--ce-text)}.code-problems-toolbar button i{background:var(--ce-control);min-width:17px;color:var(--ce-faint);text-align:center;border-radius:999px;padding:1px 5px;font:600 9px/1.45 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.code-problems-toolbar>span{color:var(--ce-faint);margin-left:auto;font-size:9.5px}#problems-output{flex:1;height:auto;min-height:0}.code-problems-empty{text-align:center;place-content:center;gap:3px;height:100%;min-height:76px;display:grid}.code-problems-empty strong{color:var(--ce-muted);font-size:11px;font-weight:650}.code-problems-empty span{color:var(--ce-faint);font-size:10px}.code-problem-row{border:0;border-bottom:1px solid var(--ce-line-soft);width:100%;min-height:34px;color:var(--chromble-text-soft);font:inherit;text-align:left;background:0 0;grid-template-columns:16px 54px minmax(0,1fr) minmax(90px,auto);align-items:center;gap:8px;padding:0 2px;display:grid}.code-problem-row.is-navigable{cursor:pointer}.code-problem-row.is-navigable:hover{background:var(--ce-hover)}.code-problem-row:not(.is-navigable){cursor:default}.code-problem-row[data-severity=error]>svg{color:var(--ce-error)}.code-problem-row[data-severity=warning]>svg{color:var(--ce-warning)}.code-problem-row svg{width:13px;height:13px}.code-problem-row em{border:1px solid var(--ce-line-soft);background:var(--ce-panel-soft);width:max-content;color:var(--ce-faint);letter-spacing:.035em;text-transform:uppercase;border-radius:5px;padding:2px 5px;font:700 8.5px/1.2 ui-sans-serif,system-ui,sans-serif}.code-problem-row span,.code-problem-row small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.code-problem-row span{color:var(--chromble-text-soft)}.code-problem-row small{max-width:320px;color:var(--ce-faint)}.code-console.is-collapsed .code-console__tabs{border-bottom-color:#0000}.code-console.is-collapsed .code-console__view{display:none!important}.code-console.is-collapsed .code-console__tabs>button[data-console-tab]:not(.is-active){opacity:.62}.code-resizer--horizontal[hidden],.code-dialog[hidden],.code-toast[hidden]{display:none!important}.code-dialog{z-index:12000;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.code-dialog__backdrop{background:color-mix(in srgb,var(--ce-canvas-deep) 72%,transparent);backdrop-filter:blur(8px);border:0;width:100%;height:100%;position:absolute;inset:0}.code-dialog__panel{z-index:1;border:1px solid var(--ce-hover);background:var(--ce-panel);width:min(430px,100%);box-shadow:0 28px 90px var(--chromble-shadow);border-radius:14px;position:relative;overflow:hidden}.code-dialog__panel header{border-bottom:1px solid var(--ce-line);justify-content:space-between;align-items:flex-start;min-height:78px;padding:17px 18px;display:flex}.code-dialog__panel header>div{gap:3px;display:grid}.code-dialog__panel header span{color:#8969eb;letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:800}.code-dialog__panel h2{letter-spacing:-.03em;margin:0;font-size:20px}.code-dialog__panel header button{border:1px solid var(--ce-hover);background:var(--ce-control);width:32px;height:32px;color:var(--ce-muted);cursor:pointer;border-radius:8px;place-items:center;display:grid}.code-dialog__panel header svg{width:15px;height:15px}.code-dialog__body{gap:7px;padding:18px;display:grid}.code-dialog__body label{color:var(--ce-muted);font-size:10.5px}.code-dialog__body input{border:1px solid var(--ce-hover);background:var(--ce-panel);height:40px;color:var(--ce-text);border-radius:8px;outline:0;padding:0 11px}.code-dialog__body input:focus{border-color:#7655db;box-shadow:0 0 0 1px #7655db}.code-dialog__body p{min-height:17px;color:var(--ce-faint);margin:0;font-size:10px}.code-dialog__panel footer{border-top:1px solid var(--ce-line);justify-content:flex-end;align-items:center;gap:9px;min-height:64px;padding:11px 18px;display:flex}.code-dialog__panel footer button{border:1px solid var(--ce-hover);background:var(--ce-control);height:38px;color:var(--ce-text);cursor:pointer;border-radius:8px;padding:0 14px}.code-dialog__panel footer button.is-primary{color:#fff;background:#7449ef;border-color:#7048e8}.code-dialog__panel footer button.is-danger{border-color:color-mix(in srgb,#ef5b6b 45%,var(--ce-hover));color:#ef7b87}.code-dialog__panel footer button.is-danger:hover{background:color-mix(in srgb,#ef5b6b 12%,var(--ce-control))}.code-asset-preview-dialog{z-index:12030}.code-asset-preview-dialog__panel{width:min(720px,100%)}.code-asset-preview-dialog__body{gap:14px;padding:18px;display:grid}.code-asset-preview-canvas{border:1px solid var(--ce-line);background:linear-gradient(45deg,var(--ce-control) 25%,transparent 25%) 0 0/16px 16px, linear-gradient(-45deg,var(--ce-control) 25%,transparent 25%) 0 8px/16px 16px, linear-gradient(45deg,transparent 75%,var(--ce-control) 75%) 8px -8px/16px 16px, linear-gradient(-45deg,transparent 75%,var(--ce-control) 75%) -8px 0/16px 16px, var(--ce-stage);border-radius:10px;place-items:center;min-height:280px;max-height:min(56vh,520px);display:grid;overflow:hidden}.code-asset-preview-canvas img{object-fit:contain;max-width:100%;max-height:min(56vh,520px);display:block}.code-asset-preview-meta{grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,.75fr));gap:8px;display:grid}.code-asset-preview-meta>div{border:1px solid var(--ce-line);background:var(--ce-control);border-radius:8px;gap:3px;min-width:0;padding:9px 10px;display:grid}.code-asset-preview-meta span{color:var(--ce-faint);letter-spacing:.07em;text-transform:uppercase;font-size:8.5px;font-weight:760}.code-asset-preview-meta strong{color:var(--ce-text);text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;font-weight:600;overflow:hidden}.code-asset-preview-hint{color:var(--ce-faint);margin:0;font-size:9.5px;line-height:1.5}.code-asset-preview-spacer{flex:1}@media (width<=640px){.code-asset-preview-meta{grid-template-columns:1fr 1fr}.code-asset-preview-canvas{min-height:220px}}.code-toast{z-index:13000;border:1px solid var(--ce-line-strong);background:color-mix(in srgb,var(--ce-panel) 96%,transparent);max-width:340px;color:var(--ce-text);backdrop-filter:blur(12px);border-radius:9px;padding:10px 13px;font-size:11px;position:fixed;bottom:20px;right:20px;box-shadow:0 14px 50px #00000061}.code-export-grid .cem-card__body{align-items:center;min-height:70px;display:flex}.code-export-card .cem-button{width:100%}.code-export-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid!important}@media (width<=680px){.code-export-actions{grid-template-columns:1fr}}@media (width<=1360px){.code-studio{--ce-sidebar-width:210px;--ce-editor-width:minmax(340px, .98fr)}.code-workspace{grid-template-columns:56px var(--ce-sidebar-track) var(--ce-editor-width) 5px minmax(360px,1.08fr)}.code-activitybar button{width:38px;height:38px}.code-activitybar button:before{left:-11px}.code-project-trigger{max-width:180px}}@media (width<=1180px){.code-topbar{grid-template-columns:minmax(190px,1fr) auto}.code-viewport-controls{display:none}.code-studio{--ce-sidebar-width:188px;--ce-editor-width:minmax(290px, .94fr)}.code-workspace{grid-template-columns:52px var(--ce-sidebar-track) var(--ce-editor-width) 5px minmax(310px,1.06fr)}.code-console,.code-resizer--horizontal{grid-column:3/6}.code-topbar__brand{gap:9px;padding-left:.65rem}.code-topbar__actions{gap:6px;padding-right:.65rem}.code-project-trigger{max-width:145px}.code-brand strong{font-size:.88rem}.code-editor-tab{min-width:112px;max-width:158px;padding-inline:12px 10px}.code-preview__head{padding-inline:12px 9px}}@media (width<=1020px){.code-studio{--ce-sidebar-width:166px;--ce-editor-width:minmax(250px, .92fr)}.code-workspace{grid-template-columns:48px var(--ce-sidebar-track) var(--ce-editor-width) 4px minmax(270px,1.08fr)}.code-activitybar{padding-block:9px}.code-activitybar__main,.code-activitybar__bottom{gap:4px}.code-activitybar button{border-radius:7px;width:34px;height:34px}.code-activitybar button:before{height:19px;left:-9px}.code-activitybar button svg{width:18px;height:18px}.code-side-title{padding-left:14px}.code-tree-row{padding-right:7px;padding-left:calc(9px + var(--tree-depth,0) * 14px);gap:5px}.code-topbar__divider{display:none}.code-project-trigger{max-width:122px}.code-template-trigger{gap:5px;padding-inline:8px;font-size:10.5px}.code-button{padding-inline:.65rem}.code-editor-tab{min-width:104px;max-width:145px}.code-preview__toolbar{padding-inline:7px}.code-device-buttons{gap:3px}.code-device-buttons button{width:32px}.code-preview-mode select{min-width:88px}}@media (width<=860px){.code-studio{--ce-sidebar-width:148px;--ce-editor-width:minmax(220px, .9fr);min-height:0}.code-workspace{grid-template-columns:46px var(--ce-sidebar-track) var(--ce-editor-width) 4px minmax(245px,1.1fr);grid-template-rows:minmax(250px,1fr) 5px var(--ce-console-height)}.code-brand strong{display:none}.code-project-trigger{max-width:112px}.code-template-trigger{padding-inline:7px}.code-topbar__brand{min-width:150px}.code-button{gap:5px;padding-inline:.58rem}.code-editor-tabs,.code-editor-tab{height:43px}.code-editor-tab-add{width:38px;height:43px}.code-editor-statusbar{gap:8px;padding-inline:8px}.code-editor-statusbar>span:nth-last-child(-n+3):not(.code-status-ready){display:none}.code-preview__head{height:41px}.code-preview__toolbar{height:46px}}@media (width<=720px){body:has(.code-studio){overflow:auto hidden}.code-studio,.code-topbar{min-width:700px}.code-workspace{grid-template-columns:44px var(--ce-sidebar-track) minmax(210px,.9fr) 4px minmax(235px,1.1fr)}}@media (height<=720px){.code-studio{min-height:0}.code-side-title{height:40px}.code-editor-tabs,.code-editor-tab,.code-editor-tab-add{height:42px}.code-editor-statusbar{height:24px}.code-preview__head{height:40px}.code-preview__toolbar{height:44px}}.code-topbar__actions .theme-toggle{border-color:var(--ce-line);background:var(--ce-control);width:38px;height:38px;color:var(--ce-text);box-shadow:none;backdrop-filter:none;border-radius:7px}.code-topbar__actions .theme-toggle:hover{background:var(--ce-hover)}.code-device-gate{--code-gate-accent:#7c4dff;display:none}html[data-code-editor-support=blocked] body:has(.code-studio){background:var(--chromble-bg);overflow:auto}html[data-code-editor-support=blocked] .code-studio,html[data-code-editor-support=blocked] #code-export-modal{display:none!important}html[data-code-editor-support=blocked] .code-device-gate{background:radial-gradient(circle at 50% 8%, color-mix(in srgb, var(--code-gate-accent) 12%, transparent), transparent 32%), var(--chromble-bg);min-height:100dvh;color:var(--chromble-text);flex-direction:column;display:flex}.code-device-gate__topbar{border-bottom:1px solid var(--chromble-line);background:var(--chromble-surface);flex:none;justify-content:space-between;align-items:center;height:60px;padding:0 clamp(18px,4vw,34px);display:flex}.code-device-gate__brand{color:var(--chromble-text);align-items:center;gap:9px;text-decoration:none;display:inline-flex}.code-device-gate__brand img{object-fit:contain;width:26px;height:26px}.code-device-gate__brand strong{letter-spacing:-.025em;font-size:.98rem;font-weight:700}.code-device-gate__topbar .theme-toggle{border:1px solid var(--chromble-line);background:var(--chromble-control);width:36px;height:36px;color:var(--chromble-text);box-shadow:none;backdrop-filter:none;border-radius:9px}.code-device-gate__content{grid-template-columns:minmax(0,.95fr) minmax(300px,.75fr);align-items:center;gap:clamp(42px,7vw,90px);width:min(980px,100% - 36px);margin:auto;padding:clamp(52px,9vw,100px) 0;display:grid}.code-device-gate__visual{min-width:0;position:relative}.code-device-gate__window{aspect-ratio:1.42;border:1px solid var(--chromble-line-strong);background:var(--chromble-surface);box-shadow:0 28px 80px var(--chromble-shadow);border-radius:18px;overflow:hidden;transform:perspective(900px)rotateY(4deg)rotateX(1deg)}.code-device-gate__windowbar{border-bottom:1px solid var(--chromble-line);background:var(--chromble-surface-2);align-items:center;gap:6px;height:34px;padding:0 13px;display:flex}.code-device-gate__windowbar span{background:var(--chromble-faint);opacity:.72;border-radius:50%;width:7px;height:7px}.code-device-gate__windowbody{background:var(--chromble-bg-deep);grid-template-columns:17% 41% 42%;height:calc(100% - 34px);display:grid}.code-device-gate__windowbody aside{border-right:1px solid var(--chromble-line);background:var(--chromble-surface)}.code-device-gate__lines{border-right:1px solid var(--chromble-line);background:var(--chromble-bg-deep);align-content:start;gap:10px;padding:17% 10%;display:grid}.code-device-gate__lines i{background:color-mix(in srgb, var(--chromble-text) 18%, transparent);border-radius:999px;height:5px;display:block}.code-device-gate__lines i:first-child{width:82%}.code-device-gate__lines i:nth-child(2){width:62%;margin-left:10%}.code-device-gate__lines i:nth-child(3){width:75%;margin-left:10%}.code-device-gate__lines i:nth-child(4){width:48%;margin-left:18%}.code-device-gate__lines i:nth-child(5){width:70%}.code-device-gate__preview{background:linear-gradient(135deg, color-mix(in srgb, var(--code-gate-accent) 15%, #fff), #fff 46%), #fff;border-radius:8px;margin:9%;box-shadow:inset 0 0 0 1px #14121a14}.code-device-gate__desktop-icon{border:1px solid color-mix(in srgb, var(--code-gate-accent) 28%, var(--chromble-line));background:color-mix(in srgb, var(--chromble-surface-2) 92%, transparent);width:68px;height:68px;color:var(--code-gate-accent);box-shadow:0 16px 50px var(--chromble-shadow);backdrop-filter:blur(14px);border-radius:20px;place-items:center;display:grid;position:absolute;bottom:-22px;right:-18px}.code-device-gate__desktop-icon svg{width:31px;height:31px}.code-device-gate__desktop-icon svg *{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round}.code-device-gate__copy{max-width:440px}.code-device-gate__eyebrow{color:var(--code-gate-accent);letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;font-weight:800}.code-device-gate__copy h1{letter-spacing:-.065em;margin:12px 0 16px;font-size:clamp(2.7rem,6vw,4.7rem);line-height:.94}.code-device-gate__copy p{color:var(--chromble-muted);margin:0;font-size:1rem;line-height:1.7}.code-device-gate__copy .code-device-gate__note{color:var(--chromble-faint);margin-top:13px;font-size:.9rem}.code-device-gate__actions{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.code-device-gate__actions a{border:1px solid var(--chromble-line-strong);min-height:44px;color:var(--chromble-text);border-radius:10px;justify-content:center;align-items:center;padding:0 18px;font-size:.88rem;font-weight:750;text-decoration:none;display:inline-flex}.code-device-gate__primary{background:var(--code-gate-accent);border-color:var(--code-gate-accent)!important;color:#fff!important}.code-device-gate__secondary{background:var(--chromble-control)}@media (width<=760px){.code-device-gate__content{text-align:center;grid-template-columns:1fr;gap:46px;width:min(560px,100% - 32px)}.code-device-gate__visual{width:min(440px,92%);margin:0 auto}.code-device-gate__copy{max-width:500px;margin:0 auto}.code-device-gate__actions{justify-content:center}}@media (width<=480px){.code-device-gate__content{gap:38px;padding:38px 0 56px}.code-device-gate__copy h1{font-size:clamp(2.45rem,13vw,3.6rem)}.code-device-gate__desktop-icon{border-radius:17px;width:58px;height:58px;bottom:-16px;right:-8px}.code-device-gate__actions{flex-direction:column}.code-device-gate__actions a{width:100%}}.code-runtime-badge{border:1px solid var(--ce-line-strong);background:var(--ce-control);min-height:21px;color:var(--ce-faint);letter-spacing:.035em;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:0 7px;font-size:9px;font-weight:800;display:inline-flex}.code-studio.is-react-native .code-runtime-badge{border-color:color-mix(in srgb, #8055ff 45%, var(--ce-line));background:color-mix(in srgb, #8055ff 12%, var(--ce-panel));color:#bca9ff}.code-tree-file-icon[data-ext=ts],.code-tree-file-icon[data-ext=tsx],.code-editor-tab__icon[data-ext=ts],.code-editor-tab__icon[data-ext=tsx]{color:#65a8ff}.code-tree-file-icon[data-ext=jsx],.code-editor-tab__icon[data-ext=jsx]{color:#f0cf49}.code-studio.is-react-native .code-preview__stage{background:var(--ce-canvas-deep);padding:0;overflow:auto}.code-native-device[hidden],.code-native-toolbar[hidden],[data-web-preview-toolbar][hidden],[data-web-only][hidden],[data-native-only][hidden],[data-browser-only-panel][hidden],[data-browser-snippet][hidden],[data-native-snippet][hidden]{display:none!important}.code-native-device{width:100%;min-height:100%;padding:14px;display:block}.code-native-device__card{border:1px solid var(--ce-line-strong);background:var(--ce-panel);border-radius:12px;width:100%;padding:16px;box-shadow:0 12px 30px #0000002e}.code-native-device__intro{max-width:610px}.code-native-device__eyebrow{color:#a98cff;letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px;font-size:10px;font-weight:850;display:inline-flex}.code-native-device__intro h2{color:var(--ce-text);letter-spacing:-.035em;margin:0;font-size:20px;line-height:1.1}.code-native-device__intro p{color:var(--ce-muted);margin:8px 0 0;font-size:11px;line-height:1.55}.code-native-device__connect{grid-template-columns:1fr;align-items:start;gap:16px;margin-top:16px;display:grid}.code-native-device__qr{background:#fff;border:1px solid #ffffff2e;border-radius:12px;place-items:center;width:232px;height:232px;padding:12px;display:grid;overflow:hidden;box-shadow:0 8px 20px #00000029}.code-native-device__qr canvas{border-radius:4px;width:208px;height:208px}.code-native-device__qr-placeholder{color:#b9b6c2;background:#f3f2f6;border-radius:9px;place-items:center;width:100%;height:100%;display:grid}.code-native-device__qr-placeholder[hidden]{display:none}.code-native-device__qr-placeholder svg{stroke-width:1.3px;width:54px;height:54px}.code-native-device__details{min-width:0}.code-native-device__status{border:1px solid var(--ce-line);background:var(--ce-control);width:fit-content;min-height:25px;color:var(--ce-muted);border-radius:999px;align-items:center;gap:7px;padding:0 9px;font-size:10px;font-weight:750;display:inline-flex}.code-native-device__status i,.code-native-toolbar>span i{background:var(--ce-faint);width:7px;height:7px;box-shadow:0 0 0 3px color-mix(in srgb,var(--ce-faint) 12%,transparent);border-radius:50%;display:inline-block}.code-native-device__status[data-native-status=loading] i{background:var(--ce-warning);box-shadow:0 0 0 3px color-mix(in srgb,var(--ce-warning) 14%,transparent);animation:1s ease-in-out infinite code-native-pulse}.code-native-device__status[data-native-status=online] i{background:var(--ce-info);box-shadow:0 0 0 3px color-mix(in srgb,var(--ce-info) 14%,transparent)}.code-native-device__status[data-native-status=connected] i{background:var(--ce-success);box-shadow:0 0 0 3px color-mix(in srgb,var(--ce-success) 16%,transparent)}.code-native-device__status[data-native-status=error] i{background:var(--ce-error);box-shadow:0 0 0 3px color-mix(in srgb,var(--ce-error) 14%,transparent)}@keyframes code-native-pulse{50%{opacity:.35}}.code-native-device__details>strong{color:var(--ce-text);letter-spacing:-.02em;margin-top:10px;font-size:15px;display:block}.code-native-device__details>p{color:var(--ce-muted);margin:7px 0 0;font-size:11.5px;line-height:1.55}.code-native-device__actions{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.code-native-device__actions .code-button{height:36px;text-decoration:none}.code-native-device__details>small{color:var(--ce-faint);margin-top:15px;font-size:9.5px;line-height:1.55;display:block}.code-native-device__details>small a{color:#a98cff;text-underline-offset:2px}.code-native-device__notice{border:1px solid color-mix(in srgb,var(--ce-warning) 38%,var(--ce-line));background:color-mix(in srgb,var(--ce-warning) 8%,var(--ce-panel));border-radius:10px;gap:3px;margin-top:22px;padding:12px 14px;display:grid}.code-native-device__notice[hidden]{display:none}.code-native-device__notice strong{color:var(--ce-warning);font-size:11px}.code-native-device__notice span{color:var(--ce-text);font:10.5px/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.code-native-device__notice small{color:var(--ce-muted);font-size:9.5px}.code-studio.is-react-native .code-preview__toolbar{justify-content:stretch}.code-native-toolbar{align-items:center;gap:7px;width:100%;display:flex}.code-native-toolbar>span{color:var(--ce-muted);align-items:center;gap:7px;margin-right:auto;font-size:10.5px;display:inline-flex}.code-native-toolbar button{border:1px solid var(--ce-line-strong);background:var(--ce-control);height:32px;color:var(--ce-text);cursor:pointer;border-radius:7px;padding:0 10px;font-size:10.5px}.code-native-toolbar button:hover{background:var(--ce-hover)}.code-studio.is-react-native .code-workspace{grid-template-columns:60px var(--ce-sidebar-track) minmax(420px,1fr) 1px 340px}.code-studio.is-react-native #editor-preview-resizer{pointer-events:none;cursor:default;background:var(--ce-line)}.code-studio.is-react-native #editor-preview-resizer:after{display:none}.code-studio.is-react-native .code-preview{border-left:1px solid var(--ce-line);background:var(--ce-canvas-deep)}.code-studio.is-react-native .code-preview__head{height:40px;padding-inline:12px 8px}.code-studio.is-react-native .code-preview__stage{flex:1}.code-studio.is-react-native .code-preview__toolbar{height:auto;min-height:46px;padding:7px 8px}.code-studio.is-react-native .code-native-toolbar{flex-wrap:wrap}.code-studio.is-react-native .code-native-toolbar>span{width:100%;margin-right:0}.code-studio.is-react-native .code-native-toolbar button{flex:1 1 0}.code-studio.is-react-native .code-native-device__qr{margin-inline:auto}.code-studio.is-react-native .code-native-device__actions{grid-template-columns:1fr 1fr;display:grid}.code-studio.is-react-native .code-native-device__actions .code-button{justify-content:center;width:100%}.code-studio.is-react-native .code-native-device__actions .code-button--primary{grid-column:1/-1}@media (width<=1180px){.code-studio.is-react-native .code-workspace{grid-template-columns:52px var(--ce-sidebar-track) minmax(350px,1fr) 1px 320px}}@media (width<=860px){.code-studio.is-react-native .code-workspace{grid-template-columns:46px var(--ce-sidebar-track) minmax(300px,1fr) 1px 300px}}.code-quick-open{align-items:flex-start;padding-top:min(12vh,110px)}.code-quick-open__panel{border-color:var(--ce-line-strong);background:var(--ce-panel-raised);width:min(620px,100% - 28px);overflow:hidden;box-shadow:0 28px 80px #00000057}.code-quick-open__body{padding:0;display:grid}.code-quick-open__search{border-bottom:1px solid var(--ce-line);background:var(--ce-stage);align-items:center;gap:9px;height:50px;padding:0 13px;display:flex}.code-quick-open__search>svg{width:17px;height:17px;color:var(--ce-faint);flex:none}.code-quick-open__search input{min-width:0;height:100%;color:var(--ce-text);appearance:none;border-radius:0;flex:1;padding:0;font-size:13px;box-shadow:none!important;background:0 0!important;border:0!important;outline:0!important}.code-quick-open__search input::placeholder{color:var(--ce-faint)}.code-quick-open__search kbd,.code-quick-open__footer kbd{border:1px solid var(--ce-line-strong);background:var(--ce-control);min-width:24px;height:22px;color:var(--ce-faint);border-radius:5px;justify-content:center;align-items:center;padding:0 5px;font:9px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:inline-flex}.code-quick-open__results{max-height:min(430px,52vh);padding:6px;overflow:auto}.code-quick-open__item{width:100%;min-height:42px;color:var(--ce-muted);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:8px;padding:6px 9px;display:grid}.code-quick-open__item:hover,.code-quick-open__item.is-active{background:var(--ce-hover);color:var(--ce-text)}.code-quick-open__icon{text-align:center;width:20px;color:var(--ce-faint);font-size:9px;font-weight:850}.code-quick-open__copy{gap:2px;min-width:0;display:grid}.code-quick-open__copy strong,.code-quick-open__copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.code-quick-open__copy strong{font-size:11.5px;font-weight:650}.code-quick-open__copy small{color:var(--ce-faint);font:9.5px/1.3 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.code-quick-open__empty{color:var(--ce-faint);text-align:center;margin:0;padding:18px;font-size:11px}.code-quick-open__footer{border-top:1px solid var(--ce-line);min-height:34px;color:var(--ce-faint);align-items:center;gap:14px;padding:0 10px;font-size:9px;display:flex}.code-quick-open__footer span{align-items:center;gap:4px;display:inline-flex}.code-editor-tab-quick-open{border:0;border-right:1px solid var(--ce-line);background:var(--ce-panel-raised);width:42px;height:46px;color:var(--ce-muted);cursor:pointer;flex:none;place-items:center;display:grid}.code-editor-tab-quick-open:hover{background:var(--ce-hover);color:var(--ce-text)}.code-editor-tab-quick-open svg{width:15px;height:15px}.code-template-dialog__panel{flex-direction:column;width:min(1180px,100vw - 32px);max-height:min(880px,100dvh - 36px);display:flex}.code-template-dialog__panel>header{flex:none}.code-template-dialog__panel>header span{font-size:10px}.code-template-dialog__panel>header h2{font-size:21px;line-height:1.2}.code-template-dialog__body{grid-template-rows:auto auto minmax(0,1fr);gap:12px;min-height:0;padding:18px;display:grid;overflow:hidden}.code-template-search{border:1px solid var(--ce-line-strong);background:var(--ce-stage);border-radius:10px;align-items:center;gap:9px;height:46px;padding:0 11px 0 13px;display:flex}.code-template-search:focus-within{border-color:#7651ee;box-shadow:0 0 0 2px #7651ee26}.code-template-search>svg{width:17px;height:17px;color:var(--ce-faint);flex:none}.code-template-search input{min-width:0;height:100%;color:var(--ce-text);appearance:none;border-radius:0;flex:1;padding:0;font-size:13px;box-shadow:none!important;background:0 0!important;border:0!important;outline:0!important}.code-search-field input::-webkit-search-decoration{-webkit-appearance:none}.code-quick-open__search input::-webkit-search-decoration{-webkit-appearance:none}.code-template-search input::-webkit-search-decoration{-webkit-appearance:none}.code-template-search input::placeholder{color:var(--ce-faint)}.code-template-search input::-webkit-search-cancel-button{opacity:.55}.code-template-search kbd{border:1px solid var(--ce-line-strong);background:var(--ce-control);min-width:31px;height:24px;color:var(--ce-faint);border-radius:6px;justify-content:center;align-items:center;padding:0 6px;font:9px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:inline-flex}.code-template-categories{scrollbar-width:none;align-items:center;gap:6px;display:flex;overflow-x:auto}.code-template-categories::-webkit-scrollbar{display:none}.code-template-categories button{border:1px solid var(--ce-line-strong);min-height:31px;color:var(--ce-muted);cursor:pointer;background:0 0;border-radius:999px;flex:none;padding:0 11px;font-size:10.5px;font-weight:750}.code-template-categories button:hover{border-color:var(--ce-hover);background:var(--ce-hover);color:var(--ce-text)}.code-template-categories button.is-active{border-color:color-mix(in srgb,#7651ee 62%,var(--ce-line));background:color-mix(in srgb,#7651ee 14%,var(--ce-stage));color:color-mix(in srgb,#a98cff 78%,var(--ce-text))}.code-template-dialog__content{grid-template-columns:minmax(330px,.72fr) minmax(460px,1.28fr);gap:14px;min-height:0;display:grid;overflow:hidden}.code-template-catalog{flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.code-template-dialog__summary{justify-content:space-between;align-items:flex-start;gap:16px;min-height:34px;display:flex}.code-template-dialog__summary p{color:var(--ce-muted);margin:0;font-size:11.5px;line-height:1.5}.code-template-dialog__summary>span{color:var(--ce-faint);flex:none;padding-top:1px;font-size:10.5px;font-weight:750}.code-template-grid{grid-template-columns:1fr;align-content:start;gap:9px;min-height:0;padding:2px 5px 2px 1px;display:grid;overflow:auto}.code-template-card{border:1px solid var(--ce-line-strong);background:var(--ce-stage);min-width:0;min-height:146px;color:var(--ce-text);text-align:left;cursor:pointer;border-radius:12px;grid-template-columns:128px minmax(0,1fr);padding:0;transition:border-color .15s,background .15s,transform .15s,box-shadow .15s;display:grid;overflow:hidden}.code-template-card:hover,.code-template-card:focus-visible{border-color:color-mix(in srgb,#7651ee 62%,var(--ce-line-strong));background:color-mix(in srgb,#7651ee 4%,var(--ce-stage));transform:translateY(-1px)}.code-template-card.is-selected{border-color:color-mix(in srgb,#7651ee 78%,var(--ce-line-strong));background:color-mix(in srgb,#7651ee 7%,var(--ce-stage));box-shadow:inset 3px 0 #7651ee}.code-template-card__visual{--tpl-accent:#7c4dff;--tpl-accent-soft:#7c4dff42;border-right:1px solid var(--ce-line);background:radial-gradient(circle at 78% 22%, var(--tpl-accent-soft), transparent 32%), linear-gradient(145deg, color-mix(in srgb,var(--ce-panel) 72%,#11121a), color-mix(in srgb,var(--ce-stage) 82%,#090a0e));min-height:100%;display:block;position:relative;overflow:hidden}.code-template-card__visual--orbit{--tpl-accent:#6e8cff;--tpl-accent-soft:#6e8cff38}.code-template-card__visual--atelier{--tpl-accent:#d6ff3f;--tpl-accent-soft:#d6ff3f2e}.code-template-card__visual--fashion{--tpl-accent:#d8d1c5;--tpl-accent-soft:#d8d1c533}.code-template-card__visual--restaurant{--tpl-accent:#a7b09a;--tpl-accent-soft:#a7b09a38}.code-template-card__visual--coffee{--tpl-accent:#ef6539;--tpl-accent-soft:#ef653933}.code-template-card__visual--yoga{--tpl-accent:#c7835a;--tpl-accent-soft:#c7835a33}.code-template-card__visual--real-estate{--tpl-accent:#a46f42;--tpl-accent-soft:#a46f4233}.code-template-card__visual--hotel{--tpl-accent:#d9a56f;--tpl-accent-soft:#d9a56f33}.code-template-card__visual--skincare{--tpl-accent:#c96e4d;--tpl-accent-soft:#c96e4d33}.code-template-card__visual--florist{--tpl-accent:#f3b6c8;--tpl-accent-soft:#f3b6c838}.code-template-card__visual--photography{--tpl-accent:#f0573d;--tpl-accent-soft:#f0573d33}.code-template-card__visual--cowork{--tpl-accent:#f5c84b;--tpl-accent-soft:#f5c84b33}.code-template-card__window{border:1px solid color-mix(in srgb,var(--ce-text) 10%,transparent);background:color-mix(in srgb,var(--ce-canvas-deep) 76%,transparent);border-bottom:0;border-radius:7px 7px 0 0;align-items:center;gap:3px;height:19px;padding-left:7px;display:flex;position:absolute;inset:20px 12px auto}.code-template-card__window i{background:color-mix(in srgb,var(--ce-text) 24%,transparent);border-radius:50%;width:4px;height:4px}.code-template-card__canvas{border:1px solid color-mix(in srgb,var(--ce-text) 10%,transparent);background:color-mix(in srgb,var(--ce-panel) 92%,transparent);border-radius:0 0 7px 7px;grid-template-rows:8px 1fr 10px;grid-template-columns:1.2fr .8fr;gap:5px;padding:8px;display:grid;position:absolute;inset:39px 12px 20px}.code-template-card__canvas i{background:color-mix(in srgb,var(--ce-text) 8%,transparent);border-radius:3px;display:block}.code-template-card__canvas i:first-child{background:color-mix(in srgb,var(--tpl-accent) 58%,var(--ce-control));grid-column:1;width:70%}.code-template-card__canvas i:nth-child(2){background:linear-gradient(135deg,var(--tpl-accent-soft),color-mix(in srgb,var(--ce-text) 5%,transparent));grid-area:2/1}.code-template-card__canvas i:nth-child(3){background:color-mix(in srgb,var(--ce-text) 7%,transparent);grid-area:1/2/3}.code-template-card__canvas i:nth-child(4){background:color-mix(in srgb,var(--ce-text) 10%,transparent);grid-area:3/1/auto/3;width:46%}.code-template-card__runtime{border:1px solid color-mix(in srgb,var(--tpl-accent) 32%,var(--ce-line));background:color-mix(in srgb,var(--ce-panel) 82%,transparent);color:color-mix(in srgb,var(--tpl-accent) 72%,white);letter-spacing:.045em;border-radius:999px;padding:3px 6px;font-size:8.5px;font-weight:850;position:absolute;bottom:25px;right:18px}.code-template-card__copy{flex-direction:column;justify-content:center;min-width:0;padding:13px 14px;display:flex}.code-template-card__meta{justify-content:space-between;align-items:center;gap:8px;display:flex}.code-template-card__meta em{color:var(--ce-faint);letter-spacing:.07em;text-transform:uppercase;font-size:9.5px;font-style:normal;font-weight:800}.code-template-card__meta>span{color:#a98cff;opacity:0;font-size:10px;font-weight:800;transition:opacity .15s,transform .15s;transform:translate(-4px)}.code-template-card:hover .code-template-card__meta>span,.code-template-card:focus-visible .code-template-card__meta>span,.code-template-card.is-selected .code-template-card__meta>span{opacity:1;transform:none}.code-template-card__copy>strong{letter-spacing:-.015em;margin-top:7px;font-size:14px;line-height:1.25}.code-template-card__copy>small{color:var(--ce-muted);margin-top:5px;font-size:10.75px;line-height:1.5}.code-template-card__tags{flex-wrap:wrap;gap:4px;margin-top:9px;display:flex}.code-template-card__tags i{background:var(--ce-control);color:var(--ce-faint);border-radius:999px;padding:3px 7px;font-size:9px;font-style:normal;font-weight:700}.code-template-empty{border:1px dashed var(--ce-line-strong);min-height:210px;color:var(--ce-muted);text-align:center;border-radius:13px;align-content:center;place-items:center;gap:7px;display:grid}.code-template-empty strong{color:var(--ce-text);font-size:13px}.code-template-empty p{max-width:300px;color:var(--ce-faint);margin:0;font-size:10.5px;line-height:1.5}.code-template-preview{border:1px solid var(--ce-line-strong);background:var(--ce-stage);border-radius:13px;grid-template-rows:minmax(300px,1fr) auto;min-width:0;min-height:0;display:grid;overflow:hidden}.code-template-preview__frame{border-bottom:1px solid var(--ce-line);background:#0d0d12;min-height:0;position:relative;overflow:hidden}.code-template-preview__frame:before{content:"Preview";z-index:2;color:#ffffffb8;backdrop-filter:blur(8px);letter-spacing:.08em;text-transform:uppercase;pointer-events:none;background:#0c0c11b8;border:1px solid #ffffff1f;border-radius:999px;padding:4px 7px;font-size:8.75px;font-weight:800;position:absolute;top:9px;left:10px}.code-template-preview__frame iframe{zoom:1;pointer-events:none;background:#fff;border:0;width:100%;height:100%;display:block;transform:none}.code-template-preview__details{padding:15px 16px 16px}.code-template-preview__meta{align-items:center;gap:7px;display:flex}.code-template-preview__meta span{border:1px solid var(--ce-line-strong);color:var(--ce-faint);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:4px 8px;font-size:9px;font-weight:800}.code-template-preview__details h3{color:var(--ce-text);letter-spacing:-.025em;margin:10px 0 0;font-size:20px;line-height:1.2}.code-template-preview__details>p{max-width:650px;color:var(--ce-muted);margin:7px 0 0;font-size:11.5px;line-height:1.55}.code-template-preview__tags{flex-wrap:wrap;gap:5px;margin-top:11px;display:flex}.code-template-preview__tags span{background:var(--ce-control);color:var(--ce-faint);border-radius:999px;padding:4px 8px;font-size:8.75px;font-weight:700}.code-template-preview__use{justify-content:center;width:100%;min-height:38px;margin-top:14px;font-size:12.5px}.code-template-preview__use:disabled{opacity:.45;cursor:not-allowed}.code-template-confirm-dialog{z-index:12020}.code-template-confirm-dialog__panel{width:min(460px,100%)}.code-template-confirm-dialog__body{gap:9px;padding:18px;display:grid}.code-template-confirm-dialog__body p{color:var(--ce-muted);margin:0;font-size:11px;line-height:1.6}.code-template-confirm-dialog__body strong{color:var(--ce-text)}.code-template-confirm-dialog__body .code-template-confirm-dialog__hint{color:var(--ce-faint);font-size:9.5px}.code-template-confirm-dialog__panel footer .code-button--primary{color:#fff;background:#7449ef;border-color:#7048e8}@media (width<=980px){.code-template-dialog__panel{width:min(900px,100vw - 24px)}.code-template-dialog__content{grid-template-columns:minmax(300px,.78fr) minmax(390px,1.22fr)}.code-template-card{grid-template-columns:110px minmax(0,1fr)}}@media (width<=760px){.code-template-dialog__panel{width:min(680px,100%);max-height:calc(100dvh - 20px)}.code-template-dialog__body{grid-template-rows:auto auto auto;overflow:auto}.code-template-dialog__content{flex-direction:column-reverse;display:flex;overflow:visible}.code-template-catalog{overflow:visible}.code-template-grid{max-height:none;overflow:visible}.code-template-preview{flex:none;grid-template-rows:280px auto}}.code-new-project-dialog__panel{grid-template-rows:auto minmax(0,1fr) auto;width:min(920px,100%);max-height:calc(100dvh - 32px);display:grid}.code-new-project-dialog__body{min-height:0;padding:20px;overflow:auto}.code-new-project-dialog__body>p{color:var(--ce-muted);margin:0 0 15px;font-size:12px;line-height:1.55}.code-project-type-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.code-project-type-grid>button{border:1px solid var(--ce-line-strong);background:var(--ce-stage);min-height:168px;color:var(--ce-text);text-align:left;cursor:pointer;border-radius:14px;flex-direction:column;align-items:flex-start;padding:18px;display:flex;position:relative}.code-project-type-grid>button:hover,.code-project-type-grid>button:focus-visible{background:color-mix(in srgb,#7651ee 8%,var(--ce-stage));border-color:#7651ee}.code-project-type-icon{border:1px solid var(--ce-line);background:var(--ce-control);color:#a98cff;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.code-project-type-icon svg{width:20px;height:20px}.code-project-type-icon--react svg{width:22px;height:22px}.code-project-type-grid strong{letter-spacing:-.02em;margin-top:14px;font-size:15px}.code-project-type-grid small{color:var(--ce-muted);margin-top:6px;font-size:10.5px;line-height:1.55}.code-project-type-grid em{background:color-mix(in srgb,#8055ff 16%,var(--ce-control));color:#bca9ff;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:4px 7px;font-size:8px;font-style:normal;font-weight:850;position:absolute;top:12px;right:12px}@media (width<=900px){.code-new-project-dialog__panel{width:min(720px,100%)}.code-project-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.code-project-type-grid{grid-template-columns:1fr}.code-project-type-grid>button{min-height:142px}}@media (width<=1050px){.code-native-device__connect{grid-template-columns:1fr;gap:16px}}@media (width<=820px){.code-runtime-badge{display:none}.code-native-device{padding:12px}}.code-project-trigger #code-project-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.code-project-trigger .code-runtime-badge{min-height:21px;color:var(--ce-faint);letter-spacing:.035em;flex:none;padding:0 7px;font-size:9px;font-weight:800;line-height:1;overflow:visible}.code-studio.is-react-native .code-project-trigger .code-runtime-badge{color:#bca9ff}.code-new-project-styling{border:1px solid var(--ce-line);background:color-mix(in srgb,var(--ce-control) 54%,transparent);border-radius:12px;margin:0 0 16px;padding:12px}.code-new-project-styling>span{color:var(--ce-text);letter-spacing:.015em;margin-bottom:8px;font-size:11px;font-weight:800;display:block}.code-new-project-styling__options{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.code-new-project-styling__options button{border:1px solid var(--ce-line-strong);background:var(--ce-stage);min-height:36px;color:var(--ce-muted);cursor:pointer;border-radius:9px;padding:0 11px;font-size:11px;font-weight:750}.code-new-project-styling__options button:hover,.code-new-project-styling__options button:focus-visible{border-color:color-mix(in srgb,#7651ee 70%,var(--ce-line-strong));color:var(--ce-text)}.code-new-project-styling__options button.is-active{background:color-mix(in srgb,#7651ee 12%,var(--ce-stage));color:#c9bcff;border-color:#7651ee;box-shadow:inset 0 0 0 1px #7651ee2e}.code-new-project-styling__options em{color:#a98cff;letter-spacing:.06em;text-transform:uppercase;margin-left:4px;font-size:8px;font-style:normal;font-weight:850}.code-new-project-styling>small{color:var(--ce-faint);margin-top:8px;font-size:10px;line-height:1.45;display:block}@media (width<=560px){.code-new-project-styling__options{grid-template-columns:1fr}}.code-studio.is-vue .code-runtime-badge{border-color:color-mix(in srgb, #42b883 45%, var(--ce-line));background:color-mix(in srgb, #42b883 11%, var(--ce-panel));color:#62d6a2}.code-project-type-icon--vue{color:#42b883}.code-project-type-icon--vue svg{stroke:none;width:22px;height:22px}.code-project-type-icon--vue svg path:first-child{fill:#42b883}.code-project-type-icon--vue svg path:last-child{fill:#35495e}.code-studio.is-vue .code-project-trigger .code-runtime-badge{color:#62d6a2}.code-tree-file-icon[data-ext=vue],.code-editor-tab__icon[data-ext=vue]{color:#42b883}.code-tree-row__action svg{width:16px;height:16px}.code-tree-row__action svg *{fill:currentColor;stroke:none}.code-tree-action-menu{z-index:10050;border:1px solid var(--ce-line-strong);background:var(--ce-panel);border-radius:8px;width:178px;padding:5px;position:fixed;box-shadow:0 14px 36px #00000047}.code-tree-action-menu[hidden]{display:none!important}.code-tree-action-menu button{width:100%;min-height:31px;color:var(--ce-text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:5px;padding:0 10px;font-size:12px}.code-tree-action-menu button:hover{background:var(--ce-hover)}.code-tree-action-menu button.is-danger{color:#ff8f9c}.code-tree-action-menu__rule{background:var(--ce-line);height:1px;margin:4px 5px;display:block}.code-tree-action-menu [hidden]{display:none!important}@media (width<=1180px){.code-editor-statusbar .code-status-action{display:none}}.code-project-menu button:disabled{opacity:.42;cursor:default}.code-project-menu button:disabled:hover{background:0 0}.code-project-menu button[hidden]{display:none!important}.code-history-dialog{z-index:12030}.code-history-dialog__panel{width:min(620px,100%)}.code-history-dialog__body{gap:16px;padding:18px;display:grid}.code-history-intro{border:1px solid var(--ce-line);background:color-mix(in srgb,var(--ce-control) 58%,transparent);border-radius:11px;justify-content:space-between;align-items:center;gap:18px;padding:14px;display:flex}.code-history-intro>div{min-width:0}.code-history-intro strong{color:var(--ce-text);font-size:12px;display:block}.code-history-intro p{color:var(--ce-muted);margin:5px 0 0;font-size:10px;line-height:1.55}.code-history-intro .code-button{flex:none}.code-history-summary{color:var(--ce-muted);text-transform:uppercase;letter-spacing:.055em;justify-content:space-between;align-items:center;gap:10px;font-size:10px;font-weight:750;display:flex}.code-history-summary b{color:var(--ce-faint);font-size:9px}.code-history-list{gap:8px;max-height:min(48vh,430px);display:grid;overflow:auto}.code-history-item{border:1px solid var(--ce-line);background:var(--ce-stage);border-radius:10px;justify-content:space-between;align-items:center;gap:14px;padding:12px 12px 12px 14px;display:flex}.code-history-item__copy{gap:3px;min-width:0;display:grid}.code-history-item__copy strong{color:var(--ce-text);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.code-history-item__copy span{color:var(--ce-muted);text-overflow:ellipsis;white-space:nowrap;font-size:9.5px;overflow:hidden}.code-history-item__copy small{color:var(--ce-faint);font-size:8.5px}.code-history-item__actions{flex:none;gap:6px;display:flex}.code-history-item__actions button{border:1px solid var(--ce-line-strong);background:var(--ce-control);min-height:31px;color:var(--ce-text);cursor:pointer;border-radius:7px;padding:0 10px;font-size:9.5px;font-weight:750}.code-history-item__actions button:first-child:hover{color:#bca9ff;border-color:#7651ee}.code-history-item__actions button:last-child{color:#ef7b87}.code-history-item__actions button:disabled{opacity:.48;cursor:default;color:var(--ce-faint)!important}.code-history-item__actions button:disabled:hover{border-color:var(--ce-line-strong);background:var(--ce-control);color:inherit}.code-history-empty{border:1px dashed var(--ce-line-strong);text-align:center;border-radius:10px;padding:28px 18px}.code-history-empty strong{color:var(--ce-text);font-size:12px}.code-history-empty p{max-width:390px;color:var(--ce-muted);margin:6px auto 0;font-size:10px;line-height:1.55}.code-history-note{color:var(--ce-faint);margin:0;font-size:9px;line-height:1.5}@media (width<=620px){.code-history-intro,.code-history-item{flex-direction:column;align-items:stretch}.code-history-item__actions button{flex:1}}.code-package-row__name em.is-types{background:color-mix(in srgb,#45b97c 13%,var(--ce-control));color:color-mix(in srgb,#45b97c 72%,var(--ce-text))}.code-package-row__name em.is-types.is-loading{background:color-mix(in srgb,var(--ce-accent) 10%,var(--ce-control));color:color-mix(in srgb,var(--ce-accent) 70%,var(--ce-text))}.code-package-row__name em.is-types.is-partial{background:color-mix(in srgb,#d89a42 12%,var(--ce-control));color:color-mix(in srgb,#d89a42 72%,var(--ce-text))}.code-package-row__name em.is-types.is-fallback{background:var(--ce-control);color:var(--ce-faint)}.code-studio.is-light{--ce-bg:#edf0f4;--ce-canvas:#e7eaf0;--ce-canvas-deep:#fbfcfd;--ce-stage:#f6f7f9;--ce-panel:#fff;--ce-panel-raised:#fcfcfd;--ce-panel-soft:#f2f4f7;--ce-control:#f4f5f7;--ce-hover:#ebeef2;--ce-line:#1f26301a;--ce-line-strong:#1f26302b;--ce-line-soft:#1f263011;--ce-text:#20242b;--ce-muted:#626a76;--ce-faint:#9299a4;--ce-accent:#7047eb;--ce-accent-2:#6034dc;--ce-accent-soft:#7047eb1b;--ce-success:#268a55;--ce-warning:#a96f19;--ce-error:#c94152;--ce-info:#3375c5}.code-studio.is-light .code-topbar,.code-studio.is-light .code-activitybar,.code-studio.is-light .code-sidebar,.code-studio.is-light .code-editor-statusbar{box-shadow:none}.code-studio.is-light .code-topbar{background:#fcfcfd;border-bottom-color:#1f26301c}.code-studio.is-light .code-activitybar{background:#fafbfc}.code-studio.is-light .code-sidebar{background:#fff;border-right-color:#1f26301b}.code-studio.is-light .code-side-title{color:#555d69;background:#fff}.code-studio.is-light .code-activitybar button.is-active{color:#6540dd;background:#7047eb17;border-color:#7047eb38}.code-studio.is-light .code-project-menu,.code-studio.is-light .code-package-search-results,.code-studio.is-light .code-tree-action-menu,.code-studio.is-light .code-quick-open__panel,.code-studio.is-light .code-dialog__panel,.code-studio.is-light .code-toast{box-shadow:0 18px 50px #242b3621,0 2px 8px #242b360f}.code-studio.is-light .code-button,.code-studio.is-light .code-template-trigger,.code-studio.is-light .code-viewport-controls{box-shadow:0 1px 1px #1f263006}.code-studio.is-light .code-button--primary{color:#fff;background:linear-gradient(#7952ee,#6840df);border-color:#6841df;box-shadow:0 5px 14px #653edc33}.code-studio.is-light .code-button--primary:hover{background:linear-gradient(#825cf1,#7048e5)}.code-studio.is-light .code-search-options label input:checked+span,.code-studio.is-light .code-new-project-styling__options button.is-active{color:#613bd2}.code-studio.is-light .code-package-row__name em,.code-studio.is-light .code-package-row__action.is-install,.code-studio.is-light .code-template-card__meta>span,.code-studio.is-light .code-history-item__actions button:first-child:hover{color:#6841db}.code-studio.is-light .code-template-trigger svg,.code-studio.is-light .code-native-device__details>small a{color:#7047e8}.code-studio.is-light .code-template-card__visual{background:radial-gradient(circle at 78% 22%, var(--tpl-accent-soft), transparent 34%), linear-gradient(145deg, #f8f9fb, #e9edf3)}.code-studio.is-light .code-template-card__runtime{color:color-mix(in srgb, var(--tpl-accent) 78%, #303640)}.code-studio.is-light .code-editor-loading{box-shadow:0 5px 18px #242b3614}.code-studio.is-light .code-preview__stage{background-color:#e9ecf1;background-image:linear-gradient(45deg,#20242b07 25%,#0000 25% 75%,#20242b07 75%),linear-gradient(45deg,#20242b07 25%,#0000 25% 75%,#20242b07 75%)}.code-studio.is-light .code-editor-statusbar{background:#f8f9fb;border-top-color:#1f263017}.code-studio.is-light .code-package-warning{background:color-mix(in srgb, var(--ce-warning) 5%, #fff)}.code-studio.is-light .code-tree-action-menu button.is-danger{color:#bd3949}.code-studio.is-light input:not([type=color]),.code-studio.is-light select,.code-studio.is-light textarea{color:var(--ce-text)!important;border-color:var(--ce-line-strong)!important}.code-studio.is-light input::placeholder,.code-studio.is-light textarea::placeholder{color:var(--ce-faint)!important}.code-studio.is-light.is-react-native .code-runtime-badge,.code-studio.is-light.is-react-native .code-project-trigger .code-runtime-badge{color:#6940dc}.code-studio.is-light.is-vue .code-runtime-badge,.code-studio.is-light.is-vue .code-project-trigger .code-runtime-badge{color:#237c59}.code-studio.is-light .code-project-type-grid em,.code-studio.is-light .code-new-project-styling__options em,.code-studio.is-light .code-native-device__eyebrow{color:#7047e8}.code-studio.is-light .code-native-device__card{box-shadow:0 12px 30px #242b3617}