:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;line-height:1.45;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color-scheme:light;--bg-app: #f0f1f3;--bg-panel: #ffffff;--bg-subtle: #f7f8fa;--bg-hover: #e9ecf1;--border: #d8dce3;--border-control: #858f9e;--text: #23262c;--text-muted: #606773;--accent: #2855b8;--accent-hover: #214798;--accent-soft: #edf2fc;--danger: #a22c35;--danger-soft: #fff1f2;--warning: #785000;--warning-soft: #fff8e8;--success: #346246;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--radius-control: 4px;--radius-panel: 6px;color:var(--text);background:var(--bg-app)}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit;color:inherit}button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:32px;padding:var(--space-1) var(--space-2);border:1px solid transparent;border-radius:var(--radius-control);background:transparent;font-size:12px;font-weight:500;cursor:pointer}button svg{flex:none}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input{min-width:0}input[type=checkbox]{width:16px;height:16px;margin:0;accent-color:var(--accent);cursor:pointer}input[type=checkbox]:disabled{cursor:not-allowed}h1,h2,p,dl{margin:0}h2{font-size:13px;font-weight:600;line-height:20px}img{display:block}[hidden]{display:none!important}.app-shell{height:100dvh;min-height:540px;min-width:900px;display:grid;grid-template-rows:48px auto minmax(0,1fr) auto;overflow:hidden}.app-footer{display:flex;align-items:center;gap:var(--space-2);min-height:36px;padding:0 var(--space-4);border-top:1px solid var(--border);background:var(--bg-subtle);color:var(--text-muted);font-size:11px}.dedication{margin-left:auto}.github-link{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;color:inherit;border-radius:var(--radius-control)}.github-link:hover{color:var(--accent);background:var(--bg-hover)}.app-header{display:flex;align-items:center;gap:var(--space-4);padding:0 var(--space-4);border-bottom:1px solid var(--border);background:var(--bg-panel)}.brand-name{font-size:14px;font-weight:650;white-space:nowrap}.brand-name span{font-weight:400}.session-note{font-size:11px;color:var(--text-muted);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-note>span{padding:0 var(--space-1)}.header-actions{display:flex;align-items:center;gap:var(--space-3);margin-left:auto;flex:none}.history-buttons{display:flex;gap:var(--space-1);padding-right:var(--space-3);border-right:1px solid var(--border)}.icon-button{flex:none;width:32px;height:32px;padding:0}.icon-button:hover:not(:disabled),.text-button:hover:not(:disabled),.view-tools button:hover:not(:disabled),.selection-button:hover:not(:disabled){background:var(--bg-hover)}.text-button{color:var(--text-muted)}.secondary{border-color:var(--border-control);background:var(--bg-panel)}.secondary:hover:not(:disabled){background:var(--bg-hover)}.primary{color:var(--bg-panel);background:var(--accent);border-color:var(--accent);font-weight:600}.primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.primary:disabled[aria-busy=true]{opacity:.8;cursor:progress}.document-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-4);padding:var(--space-2) var(--space-4);min-height:52px;border-bottom:1px solid var(--border);background:var(--bg-panel)}.toolbar-group{display:flex;align-items:center;gap:var(--space-2);min-height:32px}.toolbar-label{font-size:12px;color:var(--text-muted);white-space:nowrap}.dimension-pair,.dimension{display:flex;align-items:center;gap:var(--space-1)}.dimension>span{color:var(--text-muted);font-size:12px}.times,.unit{color:var(--text-muted);font-size:11px}.dimension input{width:56px;height:32px;padding:var(--space-1);border:1px solid var(--border-control);border-radius:var(--radius-control);background:var(--bg-panel);text-align:right;font-variant-numeric:tabular-nums}.dimension input:disabled{opacity:.5}.segments{display:flex;align-items:center;gap:2px;padding:0;border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--bg-subtle)}.segments button{gap:var(--space-1);padding:var(--space-1) var(--space-2);min-height:32px;white-space:nowrap}.segments button:hover:not(:disabled){background:var(--bg-hover)}.segments button[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.mode-icon{flex:none;position:relative;display:inline-block;width:20px;height:20px}.mode-icon i{position:absolute;width:6px;height:6px;border:1px solid currentColor}.mode-icon i:nth-child(1){left:1px;top:1px}.mode-icon i:nth-child(2){left:10px;top:1px}.mode-icon i:nth-child(3){left:1px;top:10px}.mode-icon i:nth-child(4){left:10px;top:10px}.mode-icon.half-drop i:nth-child(2n){transform:translateY(4px)}.mode-icon.brick i:nth-child(n+3){transform:translate(4px)}.background-control{display:flex;align-items:center;gap:var(--space-2);padding-left:var(--space-1)}.color-input{display:flex;align-items:center;gap:var(--space-1);min-height:32px}.color-input input{width:28px;height:28px;padding:2px;border:1px solid var(--border-control);border-radius:var(--radius-control);background:var(--bg-panel);cursor:pointer}.color-input input::-webkit-color-swatch-wrapper{padding:0}.color-input input::-webkit-color-swatch{border:0;border-radius:2px}.color-input input::-moz-color-swatch{border:0;border-radius:2px}.color-input input:disabled{opacity:.5;cursor:not-allowed}.color-value{min-width:54px;font-size:11px;font-variant-numeric:tabular-nums}.is-transparent .color-value{color:var(--text-muted)}.check-label{display:flex;align-items:center;gap:var(--space-1);min-height:32px;font-size:12px;cursor:pointer}.view-tools{display:flex;gap:var(--space-1);margin-left:auto}.view-tools button{padding:var(--space-1) var(--space-2)}.view-tools button[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.studio-layout{display:grid;grid-template-columns:216px minmax(0,1fr) 232px;min-height:0}.asset-sidebar,.output-sidebar{background:var(--bg-panel);min-width:0;min-height:0}.asset-sidebar{border-right:1px solid var(--border);display:grid;grid-template-rows:minmax(200px,1.15fr) minmax(148px,1fr)}.asset-section,.placement-section{display:flex;flex-direction:column;min-height:0;padding:var(--space-4) var(--space-3) var(--space-3)}.placement-section{border-top:1px solid var(--border)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-2)}.count,.section-meta{font-size:11px;color:var(--text-muted);font-variant-numeric:tabular-nums}.small-note,.list-caption,.source-note,.pixel-note{font-size:11px;line-height:1.55;color:var(--text-muted)}.list-caption{margin:calc(-1 * var(--space-1)) 0 var(--space-2)}.source-note{margin:var(--space-2) 0 var(--space-3)}.upload-zone{flex:none;flex-direction:column;gap:var(--space-2);width:100%;min-height:88px;border:1px dashed var(--border-control);border-radius:var(--radius-panel);background:var(--bg-subtle)}.upload-zone strong{font-size:12px;font-weight:500}.upload-zone.compact{flex-direction:row;min-height:36px}.upload-zone:hover:not(:disabled){background:var(--bg-hover)}.upload-zone.drag-over{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.source-content,.placement-list{min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;padding:2px}.source-content{flex:1}.asset-card{width:100%;justify-content:flex-start;text-align:left;min-height:64px;padding:var(--space-2) var(--space-1);gap:var(--space-2);border:1px solid transparent}.asset-card:hover:not(:disabled){border-color:var(--border-control);background:var(--bg-subtle)}.asset-card:focus-visible{outline-offset:-2px}.asset-thumbnail{flex:none;width:44px;height:44px;border-radius:var(--radius-control);overflow:hidden}.asset-thumbnail img,.placement-thumb img{width:100%;height:100%;object-fit:contain}.asset-text{min-width:0;flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.asset-text strong{font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-text>span{font-size:11px;color:var(--text-muted);font-variant-numeric:tabular-nums}.asset-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;border-bottom:1px solid var(--border)}.remove-source:not(:disabled){color:var(--danger)}.source-confirm{grid-column:1 / -1;padding:var(--space-2);margin-bottom:var(--space-2);border-radius:var(--radius-control);background:var(--danger-soft);font-size:12px;overflow-wrap:anywhere}.source-confirm .small-note{margin-top:var(--space-1)}.source-confirm-actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-2)}.confirm-remove{color:var(--danger);border-color:var(--danger);background:var(--bg-panel)}.confirm-remove:hover:not(:disabled){background:var(--bg-hover)}.empty-assets{padding:var(--space-3) 0}.empty-assets strong{font-size:12px;font-weight:500}.empty-assets p,.placement-empty{margin-top:var(--space-1);font-size:12px;color:var(--text-muted)}.placement-item{position:relative;width:100%;min-height:56px;justify-content:flex-start;gap:var(--space-2);padding:var(--space-2);text-align:left;border:1px solid transparent}.placement-item:hover:not(:disabled){background:var(--bg-hover)}.placement-item.selected{background:var(--accent-soft);border-color:var(--border)}.placement-item.selected:before{content:"";position:absolute;left:0;top:var(--space-1);bottom:var(--space-1);width:2px;background:var(--accent)}.placement-item:focus-visible{outline-offset:-2px}.placement-item[draggable=true]{cursor:grab}.placement-item.dragging{opacity:.5;cursor:grabbing}.placement-item.drop-above{box-shadow:inset 0 2px var(--accent)}.placement-item.drop-below{box-shadow:inset 0 -2px var(--accent)}.placement-item>svg{margin-left:auto;color:var(--text-muted)}.placement-thumb{flex:none;width:32px;height:32px;overflow:hidden;border-radius:var(--radius-control)}.placement-title{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.placement-title strong{font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.placement-title small{font-size:11px;color:var(--text-muted);font-variant-numeric:tabular-nums;line-height:1.4}.import-errors{flex:none;border:1px solid var(--border);border-left:2px solid var(--danger);border-radius:var(--radius-control);padding:var(--space-2);margin-bottom:var(--space-2);font-size:11px}.message-heading{display:flex;align-items:flex-start;gap:var(--space-1)}.message-heading>svg{flex:none;margin-top:var(--space-2);color:var(--text-muted)}.message-heading strong{flex:1;font-weight:500;padding-top:var(--space-1)}.message-heading .icon-button{width:32px;margin:-4px -4px 0 0}.import-error-list{max-height:88px;overflow:auto;overflow-wrap:anywhere}.import-error-list p{margin-top:var(--space-2)}.workspace{min-width:0;min-height:0;display:grid;grid-template-rows:44px minmax(0,1fr) 32px;container-type:inline-size;container-name:workspace;outline-offset:-2px}.workspace:focus-visible{outline-offset:-2px}.canvas-toolbar{display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-3);border-bottom:1px solid var(--border);background:var(--bg-subtle);min-width:0}.no-selection{font-size:12px;color:var(--text-muted);white-space:nowrap}.no-selection>span{font-size:11px}.selection-context{display:flex;flex-direction:column;flex:1;gap:0;min-width:60px;max-width:200px}.selection-context>span{font-size:10px;color:var(--text-muted)}.selection-context strong{font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selection-tools{display:flex;align-items:center;gap:var(--space-2);margin-left:auto;flex:none}.selection-group{display:flex;gap:var(--space-1)}.selection-group+.selection-group{border-left:1px solid var(--border);padding-left:var(--space-2)}.selection-button{gap:var(--space-1);padding:var(--space-1) var(--space-2);min-width:32px;height:32px;white-space:nowrap}.tool-short{display:none}.danger-button:hover:not(:disabled),.danger-button:focus-visible{color:var(--danger);background:var(--danger-soft)}.canvas-host{position:relative;min-width:0;min-height:0;overflow:hidden;isolation:isolate}.checker{background-color:var(--bg-panel);background-image:linear-gradient(45deg,var(--bg-hover) 25%,transparent 25%),linear-gradient(-45deg,var(--bg-hover) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--bg-hover) 75%),linear-gradient(-45deg,transparent 75%,var(--bg-hover) 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.canvas-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--space-3);padding:var(--space-6);pointer-events:none;text-align:center}.canvas-empty h1{font-size:18px;font-weight:600}.canvas-empty p{max-width:300px;font-size:13px;line-height:1.6;color:var(--text-muted)}.canvas-empty button{pointer-events:auto;margin-top:var(--space-1)}.pan-surface{position:absolute;inset:0;z-index:2;cursor:grab;touch-action:none}.pan-surface:active{cursor:grabbing}.canvas-error{position:absolute;z-index:3;left:var(--space-4);bottom:var(--space-4);max-width:min(440px,calc(100% - 32px));max-height:calc(100% - 32px);overflow-y:auto;display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--border);border-left:2px solid var(--danger);border-radius:var(--radius-panel);background:var(--bg-panel);font-size:12px}.canvas-error>svg{flex:none;margin-top:2px;color:var(--text-muted)}.canvas-error .icon-button{margin:-4px -4px 0 0}.canvas-error-body{min-width:0;overflow-wrap:anywhere}.canvas-error-body strong{font-weight:600}.canvas-error-body p{color:var(--text-muted);margin-top:var(--space-1)}.canvas-error-body button{margin-top:var(--space-2)}.canvas-footer{display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-3);min-width:0;border-top:1px solid var(--border);background:var(--bg-subtle);font-size:11px;color:var(--text-muted)}.workspace-hint{min-width:0;white-space:nowrap}.view-status{display:flex;align-items:center;gap:var(--space-3);flex:none;margin-left:auto;font-variant-numeric:tabular-nums}.view-status strong{color:var(--text);font-size:12px;font-weight:600}.copy-count.near-limit{color:var(--warning);background:var(--warning-soft);padding:0 var(--space-1);border-radius:var(--radius-control)}.output-sidebar{overflow-y:auto;border-left:1px solid var(--border);scrollbar-gutter:stable}.output-sidebar section{padding:var(--space-4) var(--space-3)}.output-sidebar section+section{border-top:1px solid var(--border)}.selected-name{display:block;font-size:12px;font-weight:600;margin-bottom:var(--space-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selection-details,.output-specs{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:var(--space-2);row-gap:var(--space-2);font-size:12px}.selection-details dt,.output-specs dt{color:var(--text-muted);font-size:11px}.selection-details dd,.output-specs dd{margin:0;text-align:right;font-weight:500;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.selection-section .small-note{margin-top:var(--space-2)}.selection-details{row-gap:var(--space-1)}.selection-details input{width:100%;max-width:96px;height:28px;padding:4px;border:1px solid var(--border-control);border-radius:var(--radius-control);text-align:right}.native-warning{margin-top:var(--space-2);color:var(--warning);font-size:11px;font-weight:500}.output-summary{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4)}.tile-diagram{flex:none;fill:var(--bg-subtle);stroke:var(--border-control);stroke-width:1}.output-size{font-size:18px;font-weight:600;line-height:1.35;font-variant-numeric:tabular-nums;white-space:nowrap}.output-size>span{color:var(--text-muted);font-weight:400}.output-size small{display:block;font-size:11px;line-height:1.6;color:var(--text-muted);font-weight:400}.export-note{font-size:12px;color:var(--text-muted);line-height:1.55;margin:var(--space-4) 0}.export-panel-button{width:100%;min-height:36px;justify-content:space-between;padding:var(--space-2) var(--space-3)}.pixel-note{margin-top:var(--space-2)}.warning{display:flex;align-items:flex-start;gap:var(--space-2);font-size:11px;color:var(--warning);background:var(--warning-soft);padding:var(--space-2);margin-bottom:var(--space-3);border-radius:var(--radius-control)}.warning svg{flex:none}.error-text{color:var(--danger);font-size:12px;line-height:1.5;margin-top:var(--space-2);overflow-wrap:anywhere}.proof-container{width:100%;aspect-ratio:4 / 3;border:1px solid var(--border);border-radius:var(--radius-control);overflow:hidden;display:flex;align-items:center;justify-content:center}.proof-container canvas{width:100%;height:100%;display:block}.proof-container p{font-size:12px;color:var(--text-muted);text-align:center;padding:var(--space-3)}.proof-badge{display:inline-block;margin-bottom:var(--space-2);padding:var(--space-1) var(--space-2);border:1px solid var(--warning);border-radius:var(--radius-control);background:var(--warning-soft);color:var(--warning);text-transform:uppercase;font-size:11px;font-weight:600}.proof-status{margin-top:var(--space-2);font-size:11px;line-height:1.55;color:var(--text-muted)}.proof-status.stale{color:var(--warning)}.proof-section .small-note{margin-top:var(--space-1)}@container workspace (max-width: 800px){.optional-label>span{display:none}.optional-label{width:32px;padding:0}.extra-hint{display:none}}@container workspace (max-width: 580px){.tool-full{display:none}.tool-short{display:inline}.selection-tools{gap:var(--space-1)}.selection-group+.selection-group{padding-left:var(--space-1)}.selection-button{padding-left:var(--space-1);padding-right:var(--space-1)}.selection-context{min-width:56px}.no-selection>span{display:none}}@media(max-width:1250px){.document-toolbar{column-gap:var(--space-3)}.color-value{display:none}.studio-layout{grid-template-columns:200px minmax(0,1fr) 224px}}@media(max-width:1080px){.studio-layout{grid-template-columns:184px minmax(0,1fr) 216px}.document-toolbar{display:grid;grid-template-columns:auto auto 1fr}.background-group{grid-column:1 / 3;grid-row:2}.view-tools{grid-column:3;grid-row:2;justify-self:end}.color-value{display:inline}.asset-thumbnail{width:36px;height:36px}.tile-diagram{width:32px}.asset-section,.placement-section{padding:var(--space-3) var(--space-2)}.source-note{font-size:11px}}@media(max-height:760px){.output-sidebar section{padding-top:var(--space-3);padding-bottom:var(--space-3)}.proof-container{width:min(100%,192px)}.asset-sidebar{grid-template-rows:minmax(208px,1.15fr) minmax(148px,1fr)}.asset-sidebar:has(.source-confirm){grid-template-rows:minmax(0,1fr) 100px}.asset-section:has(.source-confirm) .source-note{display:none}}