:root{color-scheme:dark;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #171717;--surface: #1f1f1f;--surface-raised: #262626;--surface-hover: #2e2e2e;--border: #353535;--border-strong: #484848;--text: #f2f2f2;--text-muted: #a3a3a3;--text-faint: #737373}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{min-width:320px;overflow:hidden;background:var(--bg);color:var(--text)}.login-page{display:grid;min-height:100%;place-items:center;padding:24px;overflow:auto;background:radial-gradient(circle at 50% 10%,#303030 0,transparent 30rem),var(--bg)}.login-card{width:min(420px,100%);padding:34px;border:1px solid var(--border);border-radius:18px;background:var(--surface);box-shadow:0 24px 70px #00000059}.login-card h1{margin:12px 0 8px;font-size:26px}.login-card>p{margin:0 0 24px;color:var(--text-muted)}.login-card form{display:grid;gap:16px}.login-brand{display:grid;width:44px;height:44px;margin-bottom:20px;place-items:center;border:1px solid var(--border-strong);border-radius:12px;font-weight:800}.login-submit{min-height:44px;justify-content:center}.session-control{position:fixed;right:16px;bottom:34px;z-index:40;display:flex;align-items:center;gap:8px;padding:6px 8px 6px 12px;border:1px solid var(--border);border-radius:999px;background:#1f1f1ff0;box-shadow:0 8px 24px #0000004d;color:var(--text-muted);font-size:11px}.session-control button{padding:6px 9px;border-radius:999px;background:var(--surface-hover);color:var(--text);cursor:pointer}.usage-panel{display:grid;gap:16px;padding:14px;color:var(--text)}.usage-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.usage-heading>div{display:grid;gap:3px}.usage-heading span,.usage-panel p,.usage-note{color:var(--text-muted);font-size:12px}.usage-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.usage-cards article{display:grid;gap:5px;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.usage-cards span,.usage-cards small{color:var(--text-muted);font-size:11px}.usage-cards strong{font-size:17px}.usage-breakdown{display:grid;gap:8px}.usage-breakdown ul{display:grid;gap:5px;margin:0;padding:0;list-style:none}.usage-breakdown li{display:grid;grid-template-columns:1fr auto auto;gap:12px;padding:9px;border-bottom:1px solid var(--border);color:var(--text-muted);font-size:12px}.usage-token-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}.usage-token-grid div{padding:9px;border-radius:8px;background:var(--surface)}.usage-token-grid dt{color:var(--text-muted);font-size:10px}.usage-token-grid dd{margin:4px 0 0;font-size:13px;font-weight:700}.usage-note{margin:0;line-height:1.5}@media(max-width:760px){.usage-cards,.usage-token-grid{grid-template-columns:1fr}.session-control{bottom:44px}}button,select,textarea,input{color:inherit;font:inherit}button{border:0}button:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #d4d4d4;outline-offset:2px}.asset-panel{margin-top:14px;padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.asset-panel-heading{display:flex;align-items:center;gap:10px}.asset-panel-heading{justify-content:space-between;margin-bottom:12px}.asset-panel p{margin:8px 0;color:var(--text-muted);font-size:12px}.asset-upload-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.asset-upload-row>input,.asset-upload-row>select{min-width:0;padding:9px 10px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text)}.asset-upload-row>.asset-file-button{justify-self:start}.asset-help{line-height:1.5}.material-map-fields{display:flex;gap:10px;margin-top:8px}.material-map-fields label{display:grid;min-width:180px;gap:5px;color:var(--text-muted);font-size:11px}.material-map-fields select{min-height:36px;padding:0 10px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text)}.material-set-create{display:grid;gap:7px;margin-top:14px;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--bg)}.material-set-create>p{margin:0}.material-set-list{display:grid;gap:10px;margin-top:16px}.material-set-list h3{margin:0;font-size:13px}.material-set-list article{display:grid;gap:12px;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.material-set-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.material-set-heading>div{display:grid;min-width:0;gap:3px}.material-set-heading span,.material-set-heading small{overflow:hidden;color:var(--text-muted);font-size:10px;text-overflow:ellipsis}.material-map-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.material-map-grid>div{display:grid;min-height:92px;align-content:start;gap:6px;padding:7px;border:1px solid var(--border);border-radius:8px;background:var(--bg)}.material-map-grid>div>span{color:var(--text-muted);font-size:9px;font-weight:750;text-transform:uppercase}.material-map-grid img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:5px;background:#111}.material-map-grid small{margin:auto;color:var(--text-faint)}.material-map-grid button{min-height:26px;padding:0 6px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text-muted);cursor:pointer;font-size:9px}.asset-file-button{min-height:36px;cursor:pointer}.asset-file-button input{display:none}.asset-toolbar{display:flex;gap:8px;margin-top:8px}.asset-editor{display:grid;gap:10px;margin-top:10px;padding:12px;border:1px solid var(--border);border-radius:9px;background:var(--bg)}.asset-editor-title{display:flex;flex-direction:column;gap:3px}.asset-editor-title span{color:var(--text-muted);font-size:11px}.asset-editor-source{width:72px;height:72px;object-fit:contain;border-radius:7px;background:#111}.asset-editor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.asset-editor-grid label{display:grid;gap:4px;color:var(--text-muted);font-size:11px;text-transform:capitalize}.asset-editor-grid input,.asset-editor-grid select,.asset-clip input{min-width:0;padding:8px;border:1px solid var(--border);border-radius:7px;background:var(--surface);color:var(--text)}.asset-crop-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.asset-check{display:inline-flex;align-items:center;gap:6px;color:var(--text-muted);font-size:12px}.asset-editor-actions{display:flex;gap:8px}.asset-frame-picker{display:flex;flex-wrap:wrap;gap:8px 14px}.asset-frame-order{display:grid;gap:4px;margin:0;padding-left:24px}.asset-frame-order li{display:flex;align-items:center;gap:5px}.asset-frame-order li span{flex:1;font-size:12px}.asset-frame-order button,.asset-clip button{border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text)}.asset-clips{display:grid;gap:6px}.asset-clip{display:grid;grid-template-columns:minmax(90px,.5fr) minmax(160px,1.5fr) auto auto;gap:6px;align-items:center}.asset-candidate{display:grid;min-width:0;gap:10px;margin-top:10px;padding:12px;border:1px solid var(--border-strong);border-radius:10px;background:var(--bg)}.asset-candidate-main,.asset-card-main{display:grid;min-width:0;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px}.asset-card-main{grid-template-columns:64px minmax(0,1fr);align-items:start}.asset-candidate-preview,.asset-card-preview{display:flex;min-width:0;align-items:center;justify-content:center;gap:7px}.asset-card-details{display:flex;min-width:0;flex-direction:column;gap:4px}.asset-card-main-wide{grid-template-columns:1fr}.asset-card-main-wide .asset-card-preview,.asset-card-main-wide .asset-candidate-preview{justify-content:flex-start}.asset-candidate img,.asset-list img,.sprite-animation-preview{width:64px;height:64px;flex:0 0 64px;object-fit:contain;border-radius:8px;background-color:#111;background-repeat:no-repeat;image-rendering:pixelated}.asset-candidate audio,.asset-list audio{width:min(260px,100%);height:42px}.asset-font-preview{display:grid;width:64px;height:64px;place-items:center;overflow:hidden;border:1px solid var(--border);border-radius:8px;background:var(--surface-raised)}.asset-font-preview span{color:var(--text);font-size:28px;line-height:1}.asset-candidate span,.asset-list span,.asset-list code{overflow:hidden;color:var(--text-muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.asset-description{line-height:1.4;white-space:normal!important}.visual-slot-section{margin-top:14px;padding-top:12px;border-top:1px solid var(--border)}.visual-slot-heading{display:flex;flex-direction:column;gap:3px}.visual-slot-heading span{color:var(--text-muted);font-size:11px}.visual-slot-preview{width:64px;height:64px;overflow:hidden;border:1px solid var(--border);border-radius:8px;background:#111}.procedural-slot-shape{position:relative;display:block;width:38px;height:38px;border:2px solid #e5e5e5;background:#737373}.visual-slot-preview[data-profile=sprite] .procedural-slot-shape{border-radius:50% 50% 45% 45%;box-shadow:12px 8px 0 -7px #e5e5e5}.visual-slot-preview[data-profile=vertical-column] .procedural-slot-shape{width:18px;height:56px;border-radius:3px;background:repeating-linear-gradient(180deg,#737373 0 8px,#525252 8px 12px)}.visual-slot-preview[data-profile=horizontal-tile] .procedural-slot-shape{width:56px;height:20px;background:repeating-linear-gradient(90deg,#737373 0 9px,#525252 9px 14px)}.visual-slot-preview[data-profile=logo] .procedural-slot-shape{width:32px;height:32px;transform:rotate(45deg);border-radius:6px;background:#f5f5f5}.visual-slot-preview[data-profile=panel] .procedural-slot-shape{width:54px;height:34px;border-radius:6px;background:#262626;box-shadow:inset 0 0 0 3px #737373}.visual-slot-preview[data-profile=background] .procedural-slot-shape{width:58px;height:58px;border:0;background:linear-gradient(#525252 0 55%,#262626 55%)}.visual-slot-preview[data-profile=animation] .procedural-slot-shape{width:50px;height:38px;border:0;background:repeating-linear-gradient(90deg,#737373 0 14px,#111 14px 17px);box-shadow:inset 0 0 0 2px #e5e5e5}.font-specimen{min-width:180px;max-width:320px;padding:12px;overflow:hidden;border:1px solid var(--border);border-radius:8px;background:var(--surface-raised);color:var(--text);font-size:18px;line-height:1.45;text-overflow:ellipsis}.font-specimen[data-font-state=failed]{color:var(--danger);font-family:sans-serif!important;font-size:12px}.asset-list{display:grid;gap:8px;margin:12px 0 0;padding:0;list-style:none}.asset-list li{display:grid;min-width:0;gap:10px;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.asset-actions{display:flex;min-width:0;flex-wrap:wrap;gap:7px}.asset-actions .primary-button,.asset-actions .secondary-button{min-height:34px;padding:0 11px}.asset-apply-button{min-width:96px}.asset-candidate audio,.asset-list audio{width:min(100%,320px);height:36px}.sound-slot-preview{justify-content:flex-start}.asset-progress{display:flex;align-items:center;gap:7px;margin:0!important;padding:8px 10px;border-radius:7px;background:var(--surface-raised);color:var(--text)!important;line-height:1.4}.asset-notice{margin:0 0 10px!important;padding:9px 10px;border:1px solid rgba(74,222,128,.35);border-radius:8px;background:#16653433;color:#86efac!important;line-height:1.45}.asset-error{color:#fca5a5!important}.button-spinner{width:13px;height:13px;flex:0 0 13px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:button-spin .65s linear infinite}@keyframes button-spin{to{transform:rotate(360deg)}}@media(max-width:760px){.asset-upload-row,.asset-editor-grid,.asset-crop-grid,.asset-clip{grid-template-columns:1fr}.material-map-fields{flex-direction:column}.material-map-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.projects-page{height:100%;overflow:auto;background:radial-gradient(circle at 50% -15%,#292929 0,transparent 32rem),var(--bg)}.projects-header{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:10px;height:64px;padding:0 28px;border-bottom:1px solid var(--border);background:#171717db;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);font-size:14px;font-weight:600;letter-spacing:-.01em}.brand-mark{display:grid;width:32px;height:32px;place-items:center;border:1px solid var(--border-strong);border-radius:9px;background:var(--surface)}.projects-content{width:min(1040px,calc(100% - 48px));margin:0 auto;padding:88px 0}.eyebrow{color:var(--text-faint);font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.projects-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-top:14px}.projects-title-row h1,.panel-heading h1{margin:0;font-size:clamp(28px,4vw,42px);font-weight:500;letter-spacing:-.045em}.projects-title-row p{margin:12px 0 0;color:var(--text-muted);font-size:15px}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 17px;border-radius:10px;background:var(--text);color:var(--bg);cursor:pointer;font-size:13px;font-weight:650;transition:filter .12s ease,opacity .12s ease,transform .12s ease}.primary-button:hover:not(:disabled),.secondary-button:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.primary-button:active:not(:disabled),.secondary-button:active:not(:disabled){filter:brightness(.92);transform:translateY(1px) scale(.98)}.primary-button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.45}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-top:48px}.game-card{position:relative;overflow:hidden;padding:0;border:1px solid var(--border);border-radius:15px;background:var(--surface);transition:background .15s ease,border-color .15s ease,transform .15s ease}.game-card:hover{border-color:var(--border-strong);background:var(--surface-raised);transform:translateY(-2px)}.game-card-open{display:block;width:100%;padding:0;background:transparent;color:inherit;cursor:pointer;text-align:left}.project-actions{position:relative;z-index:20}.project-actions-card{position:absolute;top:12px;right:12px}.project-actions-trigger{border:1px solid #444444;background:#141414d1;color:#a3a3a3}.project-actions-trigger:hover,.project-actions-trigger[aria-expanded=true]{border-color:#5c5c5c;background:#292929;color:#f5f5f5}.project-actions-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:176px;padding:6px;border:1px solid var(--border-strong);border-radius:10px;background:#202020;box-shadow:0 12px 32px #0006}.project-delete-menu-item{display:flex;width:100%;min-height:38px;align-items:center;gap:9px;padding:0 10px;border-radius:7px;background:transparent;color:#f19a9a;cursor:pointer;font-size:12px;text-align:left}.project-delete-menu-item:hover,.project-delete-menu-item:focus-visible{background:#ef444421;color:#fecaca;outline:none}.game-thumbnail{position:relative;height:188px;overflow:hidden;border-bottom:1px solid var(--border);background:linear-gradient(transparent 49%,#ffffff06 50%),linear-gradient(90deg,transparent 49%,rgba(255,255,255,.025) 50%),#111;background-size:32px 32px}.game-thumbnail:after{position:absolute;inset:0;background:radial-gradient(circle at 46% 48%,#303030,transparent 48%);content:""}.thumbnail-player,.thumbnail-platform{position:absolute;z-index:1;display:block;background:#d9d9d9}.thumbnail-player{top:68px;left:48%;width:32px;height:32px;border:6px solid #5a5a5a;border-radius:50%}.thumbnail-platform{width:72px;height:6px;border-radius:10px}.thumbnail-platform.first{right:15%;bottom:52px}.thumbnail-platform.second{bottom:28px;left:14%;width:100px;background:#777}.game-card-copy{display:flex;min-height:130px;flex-direction:column;justify-content:space-between;padding:20px}.game-card h2{margin:0;font-size:16px;font-weight:600}.game-card p{margin:7px 0 0;color:var(--text-muted);font-size:13px;line-height:1.5}.game-status{display:flex;align-items:center;gap:7px;color:var(--text-faint);font-size:11px}.game-status i,.status-dot{width:6px;height:6px;border-radius:50%;background:#bdbdbd}.empty-state{margin-top:48px;padding:48px;border:1px dashed var(--border-strong);border-radius:14px;color:var(--text-muted);text-align:center}.modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:20px;background:#000000b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal{width:min(100%,470px);padding:26px;border:1px solid var(--border-strong);border-radius:16px;background:#202020;box-shadow:0 28px 90px #000000a6}.compact-modal{width:min(100%,430px)}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.modal-header h2{margin:8px 0 0;font-size:22px;font-weight:560;letter-spacing:-.025em}.modal form{margin-top:28px}.field{display:flex;margin-bottom:18px;flex-direction:column;gap:8px;color:#d4d4d4;font-size:12px;font-weight:600}.field small{margin-left:4px;color:var(--text-faint);font-size:10px;font-weight:400}.field input,.field select,.field textarea{width:100%;border:1px solid var(--border);border-radius:10px;background:#171717;color:var(--text);font-size:13px}.field input,.field select{height:42px;padding:0 12px}.field textarea{resize:vertical;min-height:82px;padding:11px 12px;line-height:1.5}.field input::placeholder,.field textarea::placeholder{color:#666}.modal-copy{margin:18px 0 0;color:var(--text-muted);font-size:13px;line-height:1.6}.project-kind-field,.orientation-field{display:grid;gap:9px;margin:0 0 16px;padding:0;border:0}.project-kind-field legend,.orientation-field legend{margin-bottom:7px;color:#d4d4d4;font-size:12px;font-weight:600}.project-kind-field label{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:9px;padding:11px;border:1px solid var(--border);border-radius:9px;background:#171717}.project-kind-field label span{display:grid;gap:4px}.project-kind-field small{color:var(--text-muted);font-size:11px;line-height:1.4}.orientation-field{grid-template-columns:repeat(2,minmax(0,1fr))}.orientation-field legend{grid-column:1 / -1}.orientation-field label{display:flex;align-items:center;gap:7px;color:var(--text-muted);font-size:12px}.launch-screen-panel{display:grid;gap:18px;color:var(--text-muted);font-size:12px;line-height:1.5}.launch-screen-panel p{margin:0}.launch-screen-preview{display:grid;min-height:180px;place-items:center;overflow:hidden;border:1px solid var(--border);border-radius:12px;color:#fff}.launch-screen-preview img{display:block;width:100%;height:180px;object-fit:contain}.launch-screen-options{display:grid;gap:9px;margin:0;padding:0;border:0}.launch-screen-options legend{margin-bottom:4px;color:var(--text);font-weight:650}.launch-screen-options label{display:flex;align-items:center;gap:8px}.launch-screen-options small{color:var(--text-faint)}.launch-color{display:flex;align-items:center;gap:10px;color:var(--text);font-weight:600}.launch-color input{width:44px;height:34px;padding:2px;border:1px solid var(--border);border-radius:7px;background:var(--surface)}.form-error{margin:4px 0 0;padding:10px 12px;border:1px solid #525252;border-radius:9px;background:#292929;color:#e5e5e5;font-size:12px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}.text-button,.danger-button{min-height:40px;padding:0 15px;border-radius:9px;cursor:pointer;font-size:12px;font-weight:650}.text-button{background:transparent;color:var(--text-muted)}.text-button:hover{background:var(--surface-hover);color:var(--text)}.danger-button{border:1px solid #696969;background:#333;color:#f0f0f0}.danger-button:hover{background:#e5e5e5;color:#171717}.text-button:disabled,.danger-button:disabled{cursor:not-allowed;opacity:.45}.builder-page{position:relative;display:grid;height:100%;overflow:hidden;grid-template-rows:62px minmax(0,1fr) 34px;background:var(--bg)}.builder-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:0 16px;border-bottom:1px solid var(--border);background:#1b1b1b}.icon-button,.toolbar-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--text-muted);cursor:pointer}.icon-button{width:36px;height:36px}.icon-button:hover,.toolbar-button:hover{border-color:var(--border);background:var(--surface-raised);color:var(--text)}.builder-heading{display:flex;min-width:0;flex-direction:column;gap:2px}.builder-heading>span{overflow:hidden;font-size:14px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.builder-heading small,.composer-wrap small{color:var(--text-faint);font-size:10px}.builder-header-actions{display:flex;align-items:center;gap:8px}.builder-utility-button{position:relative;display:inline-flex;min-height:34px;align-items:center;gap:7px;padding:0 9px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--text-muted);cursor:pointer;font-size:11px}.builder-utility-button:hover,.builder-utility-button.active,.builder-mobile-tools-button:hover,.builder-mobile-tools-button.active{border-color:var(--border);background:var(--surface-raised);color:var(--text)}.builder-mobile-tools-button{display:none;min-height:34px;align-items:center;gap:6px;padding:0 9px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--text-muted);cursor:pointer;font-size:11px}.builder-utility-count{display:inline-flex;min-width:20px;height:20px;align-items:center;justify-content:center;padding:0 6px;border-radius:999px;background:var(--surface);color:var(--text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;font-weight:650}.model-select{display:flex;align-items:center;gap:9px;color:var(--text-faint);font-size:11px}.model-select select{min-width:180px;height:34px;padding:0 40px 0 11px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font-size:12px}.builder-workspace{display:grid;min-height:0;grid-template-columns:minmax(340px,.8fr) minmax(440px,1.2fr)}.builder-utility-drawer{position:absolute;z-index:20;top:62px;right:0;bottom:34px;display:grid;width:min(520px,100%);min-height:0;grid-template-rows:58px minmax(0,1fr);border-left:1px solid var(--border-strong);background:var(--bg);box-shadow:-24px 0 60px #0000006b}.builder-utility-drawer[hidden]{display:none}.builder-utility-drawer-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 16px 0 20px;border-bottom:1px solid var(--border);background:#1b1b1b}.builder-utility-drawer-heading>div{display:grid;gap:3px}.builder-utility-drawer-heading span{color:var(--text-faint);font-size:9px;font-weight:650;letter-spacing:.08em;text-transform:uppercase}.builder-utility-drawer-heading strong{font-size:13px;font-weight:600}.builder-utility-content{min-height:0;overflow-y:auto;padding:16px}.builder-utility-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:6px;margin-bottom:14px;padding:4px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.android-export-panel{display:grid;gap:14px}.android-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.android-panel-heading>div{display:grid;gap:3px}.android-panel-heading span{color:var(--text-faint);font-size:10px;text-transform:uppercase}.android-panel-heading strong{font-size:15px}.test-apk-badge{padding:5px 8px;border:1px solid var(--border-strong);border-radius:999px;color:var(--text-muted)!important;font-size:9px!important}.android-setup{display:grid;gap:12px}.android-setup>p,.android-warning{margin:0;color:var(--text-muted);font-size:12px;line-height:1.5}.android-setup>label,.android-version-row label{display:grid;gap:5px;color:var(--text-muted);font-size:11px}.android-setup input,.android-version-row input{min-width:0;height:38px;padding:0 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.android-icon-picker{display:grid;gap:8px;padding:11px;border:1px solid var(--border);border-radius:9px;background:var(--surface)}.android-icon-picker>span{display:flex;flex-wrap:wrap;justify-content:space-between;gap:5px;font-size:11px}.android-icon-picker small{color:var(--text-faint);font-size:9px}.android-icon-candidate{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.android-icon-mask{width:62px;height:62px;overflow:hidden;background:#202124}.android-icon-mask.round{border-radius:50%}.android-icon-mask.squircle{border-radius:16px}.android-icon-mask img,.android-selected-icon img{width:100%;height:100%;object-fit:contain}.android-profile-grid{display:grid;gap:12px;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.android-selected-icon{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:12px}.android-selected-icon img{width:64px;height:64px;border-radius:15px;background:#202124}.android-selected-icon div{display:grid;min-width:0;gap:4px}.android-selected-icon span,.android-profile-grid dt,.android-profile-grid dd{overflow:hidden;color:var(--text-muted);font-size:10px;text-overflow:ellipsis}.android-profile-grid dl{display:grid;gap:7px;margin:0}.android-profile-grid dl div{display:grid;grid-template-columns:70px minmax(0,1fr);gap:8px}.android-profile-grid dd{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.android-icon-actions,.android-version-row{display:flex;align-items:end;gap:8px}.android-version-row label{flex:1}.android-build-button{width:100%}.android-job{display:grid;gap:5px;padding:11px;border:1px solid var(--border);border-radius:9px;background:var(--surface-raised)}.android-job>span{color:var(--text-muted);font-size:10px}.android-job p{margin:3px 0;color:#fca5a5;font-size:11px;line-height:1.45}.android-artifacts{display:grid;gap:8px}.android-artifacts h3{margin:4px 0;font-size:12px}.android-artifacts article{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px;border:1px solid var(--border);border-radius:9px;background:var(--surface)}.android-artifacts article>div{display:grid;min-width:0;gap:3px}.android-artifacts article span,.android-artifacts article code{overflow:hidden;color:var(--text-muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.android-artifacts article .primary-button{min-height:34px;flex:0 0 auto;padding:0 11px;text-decoration:none}.builder-utility-tabs button{display:flex;min-width:0;min-height:34px;align-items:center;justify-content:center;gap:7px;padding:0 9px;border-radius:7px;background:transparent;color:var(--text-muted);cursor:pointer;font-size:10px}.builder-utility-tabs button[aria-selected=true]{background:var(--surface-raised);color:var(--text)}.builder-utility-tabs strong{color:var(--text-faint);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}.builder-utility-content>div>.asset-panel{margin:0;padding:0;border:0;background:transparent}.builder-utility-content>div>.asset-panel>.asset-panel-heading{display:none}.builder-utility-content>div>.working-versions{margin:0}.chat-panel,.preview-panel{min-width:0;min-height:0}.chat-panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto;border-right:1px solid var(--border);background:var(--bg)}.panel-heading{padding:30px 28px 20px}.panel-heading h1{margin-top:8px;font-size:25px}.messages{overflow-y:auto;padding:10px 28px 28px}.message{max-width:92%;margin-bottom:26px}.message>span{color:var(--text-faint);font-size:11px;font-weight:650}.message p{margin:8px 0 0;font-size:14px;line-height:1.65}.user-message{padding:13px 15px;border:1px solid var(--border);border-radius:14px;background:var(--surface-raised)}.assistant-message p{color:#d8d8d8;white-space:pre-wrap}.chat-empty-state{display:flex;align-items:center;min-height:210px;justify-content:center;flex-direction:column;color:var(--text-faint);text-align:center}.chat-empty-state p{max-width:300px;margin:14px 0 0;font-size:13px;line-height:1.6}.configuration-notice{margin:16px 0;padding:14px 15px;border:1px solid var(--border);border-radius:11px;background:var(--surface)}.configuration-notice strong{font-size:12px;font-weight:650}.configuration-notice p{margin:6px 0 0;color:var(--text-muted);font-size:12px;line-height:1.55}.configuration-notice code{padding:1px 4px;border-radius:4px;background:#333;color:#e5e5e5;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.chat-engine-choice{margin:16px 0;padding:14px 15px;border:1px solid var(--border);border-radius:11px;background:var(--surface)}.chat-engine-choice>strong{font-size:13px}.chat-engine-choice>p{margin:6px 0 12px;color:var(--text-muted);font-size:12px;line-height:1.5}.chat-engine-choice>div{display:flex;flex-wrap:wrap;gap:8px}.tool-activity{margin:16px 0 22px;padding:13px 14px;border:1px solid var(--border);border-radius:11px;background:var(--surface)}.tool-activity>span{color:var(--text-faint);font-size:10px;font-weight:650;letter-spacing:.08em;text-transform:uppercase}.tool-activity ul{display:grid;gap:9px;margin:10px 0 0;padding:0;list-style:none}.tool-activity li{display:grid;grid-template-columns:70px minmax(0,1fr);gap:9px;align-items:baseline}.tool-activity li>span{color:var(--text-faint);font-size:10px;text-transform:capitalize}.tool-activity li>strong{overflow:hidden;color:var(--text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.tool-activity li>div{min-width:0}.tool-activity li>div>strong{display:block;overflow:hidden;color:var(--text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.build-activity details{margin-top:7px;color:var(--text-faint);font-size:10px}.build-activity summary{cursor:pointer}.build-activity pre{max-height:150px;margin:7px 0 0;overflow:auto;color:var(--text-muted);font-size:10px;line-height:1.45;white-space:pre-wrap}.tool-activity li[data-status=failed]>strong{color:var(--text)}.browser-evidence{margin:16px 0 22px;padding:14px;border:1px solid var(--border);border-radius:11px;background:var(--surface)}.browser-evidence-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.browser-evidence-heading>span{color:var(--text-faint);font-size:10px;font-weight:650;letter-spacing:.08em;text-transform:uppercase}.browser-evidence-heading strong{color:var(--text-muted);font-size:10px;font-weight:650;text-transform:capitalize}.browser-evidence-heading strong[data-status=passed]{color:var(--text)}.browser-evidence>p,.evidence-issues{margin:12px 0 0;color:var(--text-muted);font-size:11px;line-height:1.5}.browser-evidence dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:12px 0 0}.browser-evidence dl div{padding:9px;border:1px solid var(--border);border-radius:8px;background:var(--bg)}.browser-evidence dt{color:var(--text-faint);font-size:9px;text-transform:uppercase}.browser-evidence dd{margin:4px 0 0;color:var(--text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.evidence-issues{padding-left:18px}.evidence-screenshot{display:block;margin-top:12px;overflow:hidden;border:1px solid var(--border);border-radius:9px;color:var(--text-muted);font-size:10px;text-decoration:none}.evidence-screenshot img{display:block;width:100%;max-height:180px;object-fit:cover;object-position:top;filter:grayscale(1)}.evidence-screenshot span{display:block;padding:9px 10px;border-top:1px solid var(--border)}.working-versions{margin:16px 0 22px;padding:14px;border:1px solid var(--border);border-radius:11px;background:var(--surface)}.working-versions-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.working-versions-heading span{color:var(--text-faint);font-size:10px;font-weight:650;letter-spacing:.08em;text-transform:uppercase}.working-versions-heading strong{color:var(--text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.working-versions>p{margin:12px 0 0;color:var(--text-muted);font-size:11px;line-height:1.5}.working-versions>p[data-status=restored],.working-versions>p[data-status=saved]{color:var(--text)}.working-versions ul{display:grid;gap:8px;margin:12px 0 0;padding:0;list-style:none}.working-versions li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px;border:1px solid var(--border);border-radius:8px;background:var(--bg)}.working-versions li div{display:grid;min-width:0;gap:3px}.working-versions li strong{color:var(--text-muted);font-size:10px;font-weight:600}.working-versions li span{overflow:hidden;color:var(--text-faint);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.working-versions .secondary-button{flex:0 0 auto;min-height:28px;padding:0 9px;font-size:10px}.thinking-dots{color:var(--text-muted)}.thinking-dots span{animation:pulse 1.2s ease-in-out infinite}.composer-wrap{padding:18px 24px 22px;background:linear-gradient(transparent,var(--bg) 20%);text-align:center}.reference-image-attachment{display:grid;gap:6px;margin:0 2px 10px;text-align:left}.reference-image-picker{display:inline-flex;width:fit-content;align-items:center;min-height:28px;padding:0 10px;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface-raised);color:var(--text-muted);cursor:pointer;font-size:10px}.reference-image-picker.disabled{color:var(--text-faint);cursor:default}.reference-image-picker input{display:none}.reference-image-candidate,.message-reference-image{display:flex;align-items:center;gap:9px;padding:7px;border:1px solid var(--border);border-radius:10px;background:#111}.reference-interpretation-card{display:grid;gap:10px;margin-top:8px;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.reference-interpretation-card.ready{border-color:#315f78}.reference-interpretation-card.applied{border-color:#397b58;background:#172d21}.reference-interpretation-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.reference-interpretation-heading strong{color:var(--text);font-size:12px}.reference-interpretation-heading p{margin:4px 0 0;color:var(--text-muted);font-size:11px;line-height:1.5}.reference-interpretation-heading>span{flex:0 0 auto;padding:3px 7px;border-radius:999px;background:var(--bg);color:var(--text-muted);font-size:9px;font-weight:750;text-transform:uppercase}.reference-interpretation-comparison{display:grid;grid-template-columns:1fr 1fr;gap:8px}.reference-interpretation-comparison figure{min-width:0;margin:0;display:grid;gap:4px}.reference-interpretation-comparison img{width:100%;aspect-ratio:4 / 3;object-fit:contain;border:1px solid var(--border);border-radius:8px;background:#fff}.reference-interpretation-comparison figcaption{color:var(--text-faint);font-size:9px}.reference-interpretation-question,.reference-interpretation-note{margin:0;color:var(--text-muted);font-size:11px;line-height:1.5}.reference-interpretation-question{padding:9px 10px;border-left:3px solid #2f9ccc;background:var(--bg)}.reference-interpretation-actions{display:flex;gap:7px;flex-wrap:wrap}.reference-interpretation-actions button{min-height:32px;padding:0 10px;font-size:10px}.reference-image-candidate img,.message-reference-image img{width:52px;height:52px;border-radius:7px;object-fit:cover}.reference-image-candidate>div,.message-reference-image>div{display:flex;min-width:0;flex:1;flex-direction:column;gap:3px}.reference-image-candidate strong,.message-reference-image span{color:var(--text-muted);font-size:10px}.reference-image-candidate span,.message-reference-image small{color:var(--text-faint);font-size:9px}.reference-image-candidate button,.message-reference-image button{min-height:26px;padding:0 8px;border:1px solid var(--border-strong);border-radius:7px;background:var(--surface-raised);color:var(--text-muted);font-size:9px}.reference-image-candidate button:not(:disabled),.message-reference-image button:not(:disabled){cursor:pointer}.reference-image-error{margin:0;color:#e3a6a6;font-size:10px}.message-reference-image{max-width:280px;margin-top:9px}.ai-art-control{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:100%;margin:0 2px 9px;color:var(--text-faint);font-size:10px;text-align:left}.ai-art-control label{display:inline-flex;align-items:center;gap:7px;color:var(--text-muted);cursor:pointer}.ai-art-control input{width:13px;height:13px;margin:0;accent-color:#d4d4d4}.ai-art-control input:disabled+span{color:var(--text-faint)}.ai-art-control small{color:var(--text-faint);font-size:9px}.composer{display:grid;grid-template-columns:1fr auto;align-items:end;gap:10px;margin-bottom:8px;padding:10px 10px 10px 15px;border:1px solid var(--border-strong);border-radius:16px;background:var(--surface-raised)}.composer-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 2px;text-align:left}.composer-meta>small{margin-left:auto;text-align:right}.composer-model-select{flex:0 0 auto}.composer textarea{resize:none;border:0;outline:0;background:transparent;color:var(--text);font-size:13px;line-height:1.4}.composer textarea::placeholder{color:var(--text-faint)}.composer button{width:30px;height:30px;border-radius:8px;background:var(--text);color:var(--bg);font-weight:700;opacity:.45}.composer button:not(:disabled){cursor:pointer;opacity:1}.composer button:not(:disabled):hover{background:#d4d4d4}.preview-panel{display:grid;grid-template-rows:52px minmax(0,1fr);background:#101010}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 16px;border-bottom:1px solid var(--border);background:#1b1b1b}.preview-toolbar>div{display:flex;align-items:center;gap:8px}.preview-toolbar strong{font-size:12px;font-weight:550}.preview-actions{display:flex;gap:4px}.toolbar-button{gap:6px;min-height:32px;padding:0 9px;font-size:11px}.preview-stage{display:grid;min-height:0;place-items:center;overflow:hidden;padding:20px;background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),#101010;background-size:28px 28px}.device-frame{overflow:hidden;border:1px solid #4a4a4a;border-radius:22px;background:#0a0a0a;box-shadow:0 24px 70px #0000008c}.device-frame.portrait{height:min(100%,844px)}.device-frame.landscape{width:min(100%,844px)}.device-frame iframe{width:100%;height:100%;border:0;background:#0a0a0a}.preview-placeholder{display:flex;align-items:center;flex-direction:column;color:var(--text-faint);text-align:center}.preview-placeholder p{margin:14px 0;font-size:12px}.loader{width:24px;height:24px;border:2px solid #404040;border-top-color:#d4d4d4;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.status-dot{display:inline-block;flex:0 0 auto}.status-dot.starting{animation:pulse 1.4s ease-in-out infinite}.status-dot.stopped,.status-dot.error{background:#5c5c5c}@keyframes pulse{50%{opacity:.25}}.status-bar{display:flex;align-items:center;gap:8px;padding:0 14px;border-top:1px solid var(--border);background:#1b1b1b;color:var(--text-muted);font-size:10px}.status-detail{margin-left:auto;color:var(--text-faint)}@media(max-width:850px){body{overflow:auto}.builder-page{min-height:100%;height:auto;overflow:visible;grid-template-rows:62px auto 34px}.builder-workspace{grid-template-columns:1fr}.chat-panel{min-height:560px;border-right:0;border-bottom:1px solid var(--border)}.preview-panel{height:780px}.builder-utility-drawer{position:fixed;bottom:0}}@media(max-width:760px){.builder-header{gap:7px;padding:0 9px}.builder-header-actions{gap:4px}.builder-utility-button{display:none}.builder-mobile-tools-button{display:inline-flex}.model-select>span{display:none}.model-select select{width:150px;min-width:0}}@media(max-width:560px){.asset-card-main{grid-template-columns:52px minmax(0,1fr)}.asset-card-main-wide,.asset-candidate-main{grid-template-columns:1fr}.asset-list img,.asset-list .sprite-animation-preview{width:52px;height:52px;flex-basis:52px}.asset-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.asset-actions .primary-button,.asset-actions .secondary-button{width:100%;min-width:0;padding:0 8px}.projects-content{width:min(100% - 28px,1040px);padding-top:56px}.projects-title-row{align-items:stretch;flex-direction:column}.primary-button{align-self:flex-start}.model-select>span{display:none}.model-select select{min-width:0;width:150px}.composer-meta{align-items:flex-start;flex-direction:column;gap:6px}.composer-meta>small{margin-left:0;text-align:left}.builder-heading small{display:none}.builder-utility-drawer{width:100%;border-left:0}.preview-actions .toolbar-button{font-size:0}.preview-stage{padding:10px}}.planning-phase{border:1px solid var(--border);border-radius:999px;padding:6px 10px;color:var(--text-muted);font-size:10px;font-weight:650}.plan-stage{display:block;overflow-y:auto;padding:22px}.plan-placeholder{min-height:100%;justify-content:center}.specification-panel{padding:24px}.unified-specification{width:min(680px,100%);margin:0 auto;box-sizing:border-box;border:1px solid var(--border);border-radius:14px;background:var(--bg);color:var(--text);box-shadow:0 20px 60px #00000047}.unified-specification h2{margin:6px 0 8px;font-size:22px}.unified-specification>p,.engine-choice p{margin:0;color:var(--text-muted);line-height:1.55}.spec-heading{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.spec-status{border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800;text-transform:uppercase}.spec-status.draft{background:#3b3422;color:#e5ca79}.spec-status.confirmed{background:#1f3c2c;color:#8bd7aa}.spec-section{margin-top:24px}.spec-section h3,.engine-choice h3{margin:0 0 10px;font-size:14px}.spec-section ul{display:grid;gap:8px;list-style:none;margin:0;padding:0}.spec-section li{padding:11px 12px;border:1px solid var(--border);border-radius:10px;display:grid;gap:3px;background:var(--surface)}.spec-section li strong{font-size:13px}.spec-section li span{color:var(--text-muted);font-size:12px;line-height:1.4}.spec-action{width:100%;justify-content:center;margin-top:22px}.engine-choice{margin-top:24px;padding-top:20px;border-top:1px solid var(--border)}.engine-choice label{margin-top:10px;border:1px solid var(--border);border-radius:10px;padding:12px;display:grid;grid-template-columns:auto 1fr;column-gap:9px;cursor:pointer;background:var(--surface)}.engine-choice label input{grid-row:1 / 3}.engine-choice label small{color:var(--text-muted)}@media(max-width:760px){.planning-phase{display:none}.plan-stage{padding:10px}.unified-specification{padding:16px}}.message-reference-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.reference-layout-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:18px;background:#03070ed1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.reference-layout-editor{width:min(1180px,100%);max-height:calc(100vh - 36px);overflow:auto;display:grid;gap:14px;padding:18px;box-sizing:border-box;border:1px solid var(--border);border-radius:16px;background:var(--bg);color:var(--text);box-shadow:0 28px 90px #0000008c}.reference-layout-editor>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.reference-layout-editor h2{margin:3px 0 0;font-size:20px}.reference-layout-setup{display:grid;grid-template-columns:minmax(240px,1.1fr) minmax(260px,.9fr);gap:20px;align-items:center}.reference-layout-setup>img{width:100%;max-height:62vh;object-fit:contain;border:1px solid var(--border);border-radius:12px;background:#fff}.reference-layout-setup>div,.reference-layout-controls{display:grid;gap:12px}.reference-layout-setup p{margin:0;color:var(--text-muted);line-height:1.55}.reference-layout-setup label,.reference-layout-controls label{display:grid;gap:6px;color:var(--text-muted);font-size:12px;font-weight:700}.reference-layout-setup input,.reference-layout-setup select,.reference-layout-controls input,.reference-layout-controls select,.reference-layout-add select,.reference-layout-toolbar select{min-height:38px;border:1px solid var(--border);border-radius:8px;padding:0 10px;box-sizing:border-box;background:var(--surface);color:var(--text)}.reference-layout-actions,.reference-layout-footer,.reference-layout-control-row,.reference-layout-add{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.reference-layout-workspace{min-height:520px;display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:14px}.reference-layout-canvas-panel{min-width:0;display:flex;flex-direction:column;gap:8px}.reference-layout-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.reference-layout-toolbar label{display:flex;align-items:center;gap:7px;color:var(--text-muted);font-size:11px;font-weight:700}.reference-layout-toolbar input[type=range]{width:120px}.reference-layout-canvas{width:100%;min-height:420px;flex:1;border:1px solid var(--border);border-radius:12px;background:#fff;touch-action:none;cursor:crosshair}.reference-layout-canvas-panel>small{color:var(--text-muted)}.selected-layout-object>:first-child{filter:drop-shadow(0 0 4px #66d9ff)}.layout-handle{fill:#fff;stroke:#097cae;stroke-width:2px;vector-effect:non-scaling-stroke;cursor:move}.reference-layout-inspector{min-height:0;overflow:auto;display:grid;align-content:start;gap:12px;border:1px solid var(--border);border-radius:12px;padding:10px;background:var(--surface)}.reference-layout-object-list{max-height:210px;overflow:auto;display:grid;gap:5px}.reference-layout-object-list button{display:grid;gap:2px;padding:9px;text-align:left;border:1px solid transparent;border-radius:8px;background:var(--bg);color:var(--text)}.reference-layout-object-list button.selected{border-color:#2f9ccc;background:#123349}.reference-layout-object-list span{color:var(--text-muted);font-size:11px}.reference-layout-controls{border-top:1px solid var(--border);padding-top:12px}.reference-layout-controls input[type=color]{width:100%;padding:4px}.reference-layout-controls label.reference-layout-checkbox{display:flex;align-items:center;gap:8px}.reference-layout-controls .reference-layout-checkbox input{width:17px;min-height:17px;margin:0;padding:0;accent-color:#2f9ccc}.reference-layout-add select{flex:1;min-width:110px}.reference-layout-readiness{padding:10px 12px;border:1px solid #765d2c;border-radius:10px;background:#312819;color:#f1d28a}.reference-layout-readiness.ready{border-color:#397b58;background:#172d21;color:#a8e6be}.reference-layout-readiness p{margin:4px 0 0;color:inherit;font-size:12px;line-height:1.5}.reference-layout-warnings{padding:10px 12px;border:1px solid #66552b;border-radius:10px;background:#312b1b;color:#e4ce87}.reference-layout-warnings p{margin:0;font-size:12px}.reference-layout-warnings p+p{margin-top:4px}.reference-layout-application{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;padding:13px 14px;border:1px solid var(--border);border-radius:11px;background:var(--surface)}.reference-layout-application.verified{border-color:#397b58;background:#172d21}.reference-layout-application.stale,.reference-layout-application.failed{border-color:#765d2c;background:#312819}.reference-layout-application p{margin:4px 0 0;color:var(--text-muted);font-size:12px;line-height:1.5}.reference-layout-application dl{display:flex;gap:16px;margin:0}.reference-layout-application dl>div{display:grid;gap:2px;text-align:right}.reference-layout-application dt{color:var(--text-muted);font-size:10px;text-transform:uppercase}.reference-layout-application dd{margin:0;font-size:12px;font-weight:750}.reference-layout-footer{justify-content:flex-end;padding-top:12px;border-top:1px solid var(--border)}@media(max-width:820px){.reference-layout-backdrop{padding:0;place-items:stretch}.reference-layout-editor{max-height:100vh;min-height:100vh;border:0;border-radius:0;padding:12px}.reference-layout-setup,.reference-layout-workspace{grid-template-columns:1fr}.reference-layout-workspace{min-height:auto}.reference-layout-canvas{min-height:52vh}.reference-layout-inspector{max-height:38vh}.reference-layout-application{grid-template-columns:1fr}.reference-layout-application dl{justify-content:space-between}.reference-layout-footer>button{flex:1;justify-content:center;min-width:120px}}.sprite-grid-fields,.sprite-clip-row{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.sprite-grid-fields label,.sprite-clip-row label{align-items:center;display:flex;gap:6px}.sprite-grid-fields input{min-width:0;width:72px}.sprite-editor{border-top:1px solid var(--border);display:grid;gap:12px;margin-top:12px;padding-top:12px}.sprite-editor-previews{display:grid;gap:14px;grid-template-columns:minmax(0,2fr) minmax(120px,1fr)}.sprite-grid-preview{display:grid;overflow:hidden;position:relative}.sprite-grid-preview img{grid-column:1 / -1;grid-row:1;width:100%}.sprite-grid-preview span{align-items:flex-start;background:#050c191a;border:1px solid rgb(255 255 255 / 55%);color:#fff;display:flex;font-size:11px;grid-row:1;justify-content:flex-start;padding:3px;position:relative;text-shadow:0 1px 2px black}.sprite-grid-preview span.unused{background:#050c19a6}.sprite-clip-preview{background-repeat:no-repeat;border:1px solid var(--border);border-radius:10px;image-rendering:pixelated;margin-bottom:8px;max-height:180px;width:100%}.asset-sprite-preview{display:grid;gap:4px;width:64px}.asset-sprite-preview .sprite-clip-preview{height:64px;margin:0}.asset-sprite-preview select{min-width:0;width:64px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);font-size:10px}.sprite-clip-list{display:grid;gap:8px}.sprite-clip-row{grid-template-columns:minmax(90px,.8fr) minmax(140px,1.4fr) 100px auto auto}@media(max-width:760px){.sprite-editor-previews,.sprite-clip-row,.sprite-grid-fields{grid-template-columns:1fr}}