.tpl-list{gap:var(--space-4);flex-direction:column;display:flex}.tpl-create{align-items:flex-end;gap:var(--space-3);flex-wrap:wrap;display:flex}.tpl-create .field{flex:280px}.tpl-link-button{text-decoration:none}.tpl-editor{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.tpl-toolbar{padding:var(--space-2);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.tpl-title{flex-direction:column;min-width:0;display:flex}.tpl-title h1{text-overflow:ellipsis;white-space:nowrap;max-width:28ch;font-size:1.125rem;overflow:hidden}.tpl-spacer{flex:auto}.tpl-menu{position:relative}.tpl-menu-panel{right:0;top:calc(100% + var(--space-1));z-index:40;gap:var(--space-1);min-width:240px;padding:var(--space-2);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;display:flex;position:absolute;box-shadow:0 4px 16px #00000029}.tpl-menu-panel .button-secondary{justify-content:flex-start}.tpl-body{align-items:stretch;gap:var(--space-2);height:calc(100vh - 220px);min-height:560px;display:flex}.tpl-left,.tpl-right{box-sizing:border-box;padding:var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex:none;overflow-y:auto}.tpl-left{width:264px}.tpl-right{width:372px;padding:0}.tpl-center{gap:var(--space-2);flex-direction:column;flex:auto;min-width:0;display:flex}.tpl-canvas-scroll{min-height:0;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius);background:#aeb7c0;flex:auto;overflow:auto}.tpl-canvas-center{justify-content:center;align-items:center;min-width:100%;min-height:100%;display:inline-flex}.tpl-sheet{-webkit-user-select:none;user-select:none;background:#fff;flex:none;position:relative;box-shadow:0 2px 12px #00000047}.tpl-bg{object-fit:fill;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.tpl-bg-state,.tpl-sheet-empty{z-index:20;justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-6);text-align:center;color:var(--fg);flex-direction:column;display:flex;position:absolute;inset:0}.tpl-sheet-empty>div{align-items:center;gap:var(--space-3);max-width:460px;padding:var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;display:flex}.tpl-band{z-index:4;border-left:2px dashed var(--muted);color:var(--muted);pointer-events:none;background:repeating-linear-gradient(135deg,#ffffffeb 0 12px,#d6dee6eb 12px 24px);justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0}.tpl-band span{writing-mode:vertical-rl;background:var(--surface);padding:var(--space-2) var(--space-1);font-weight:600}.tpl-region{z-index:5;box-sizing:border-box;touch-action:none;background:#6b4fa01a;border:2px dashed #6b4fa0;position:absolute}.tpl-region[data-selected=true]{border-style:solid}.tpl-region-label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;padding:0 var(--space-1);color:#fff;background:#6b4fa0;font-size:12px;position:absolute;top:0;left:0;overflow:hidden}.tpl-column{z-index:10;box-sizing:border-box;touch-action:none;border-width:1px;position:absolute}.tpl-column[data-selected=true]{border-width:2px}.tpl-column-name{text-overflow:ellipsis;white-space:nowrap;color:#1d2630;pointer-events:none;justify-content:center;align-items:center;padding:0 2px;display:flex;position:absolute;inset:0;overflow:hidden}.tpl-handle{z-index:12;touch-action:none;background:#6b4fa0;border:1px solid #fff;width:14px;height:14px;position:absolute}.tpl-handle:after{content:"";position:absolute;inset:-8px}.tpl-handle-nw{cursor:nwse-resize;top:-7px;left:-7px}.tpl-handle-ne{cursor:nesw-resize;top:-7px;right:-7px}.tpl-handle-sw{cursor:nesw-resize;bottom:-7px;left:-7px}.tpl-handle-se{cursor:nwse-resize;bottom:-7px;right:-7px}.tpl-size-tip{z-index:20;color:#fff;border-radius:var(--radius);white-space:nowrap;pointer-events:none;background:#1d2630d9;padding:2px 6px;font-size:12px;position:absolute;top:-26px;left:0}.tpl-multibox{z-index:6;border:2px dashed var(--accent);pointer-events:none;position:absolute}.tpl-rubber{z-index:30;border:2px dashed var(--accent);pointer-events:none;background:#0b5cad1a;position:absolute}.tpl-guide{z-index:30;pointer-events:none;position:absolute}.tpl-guide-label{color:#fff;background:#e08600;border-radius:3px;padding:1px 4px;font-size:11px;font-weight:700;line-height:14px;transform:translate(-50%,-50%)}.tpl-palette{gap:var(--space-4);flex-direction:column;display:flex}.tpl-palette h3,.tpl-properties h3,.tpl-issues-panel h3,.tpl-versions h3,.tpl-dispatch h3{margin:0;font-size:1rem}.tpl-palette section{gap:var(--space-2);flex-direction:column;display:flex}.tpl-type-grid{gap:var(--space-1);grid-template-columns:1fr 1fr;display:grid}.tpl-type-button{align-items:center;gap:var(--space-2);min-height:var(--control-height);padding:0 var(--space-2);font:inherit;text-align:left;color:var(--fg);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;display:flex}.tpl-type-button:hover:not(:disabled){background:var(--canvas)}.tpl-type-button:disabled{opacity:.55;cursor:not-allowed}.tpl-swatch{border-radius:2px;flex:none;width:12px;height:12px}.tpl-stack{gap:var(--space-2);flex-direction:column;display:flex}.tpl-shortcuts{gap:var(--space-1);flex-direction:column;margin:0;font-size:.875rem;display:flex}.tpl-shortcuts>div{justify-content:space-between;gap:var(--space-2);display:flex}.tpl-shortcuts dd{margin:0}.tpl-shortcuts kbd{font:inherit;background:var(--canvas);border:1px solid var(--border);border-radius:var(--radius);padding:1px 6px;font-size:.8125rem}.tpl-tabs{border-bottom:1px solid var(--border);flex-wrap:wrap;display:flex}.tpl-tabs button{justify-content:center;align-items:center;gap:var(--space-1);min-height:var(--control-height);padding:0 var(--space-3);font:inherit;color:var(--fg);cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;flex:auto;display:inline-flex}.tpl-tabs button[aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.tpl-tabpanel{padding:var(--space-3)}.tpl-properties{gap:var(--space-3);border:0;flex-direction:column;min-width:0;margin:0;padding:0;display:flex}.tpl-props-head{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.tpl-grid-2{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.tpl-group{gap:var(--space-2);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;min-width:0;margin:0;display:flex}.tpl-group>legend{padding:0 var(--space-1);font-weight:600}.tpl-note{font-size:.875rem}.tpl-mono,.tpl-field textarea.tpl-mono,.tpl-field input.tpl-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.875rem}.tpl-field textarea{padding:var(--space-2) var(--space-3);resize:vertical}.tpl-chips,.tpl-region-list,.tpl-issues,.tpl-version-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.tpl-chips li{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.tpl-chips code{overflow-wrap:anywhere}.tpl-region-list li[data-selected=true]{padding:var(--space-2);border:1px solid var(--accent);border-radius:var(--radius)}.tpl-region-form{gap:var(--space-2);margin-top:var(--space-2);flex-direction:column;display:flex}.tpl-issues-panel,.tpl-versions,.tpl-dispatch{gap:var(--space-3);flex-direction:column;display:flex}.tpl-issues button{align-items:flex-start;gap:var(--space-1);width:100%;padding:var(--space-2) var(--space-3);text-align:left;flex-direction:column}.tpl-badge{margin-left:var(--space-2);padding:0 var(--space-2);color:var(--success);border:1px solid var(--success);border-radius:999px;font-size:.75rem;display:inline-block}.tpl-badge-error{margin-left:var(--space-1);color:var(--error);border-color:var(--error)}.tpl-version-list li{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius);display:flex}.tpl-version-list li[data-viewing=true]{border-color:var(--accent)}.tpl-facts{gap:var(--space-1) var(--space-3);grid-template-columns:max-content 1fr;margin:0;display:grid}.tpl-facts dd{overflow-wrap:anywhere;margin:0}.tpl-dialog{width:min(560px,100vw - 32px);max-height:calc(100vh - 32px);color:var(--fg);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:0}.tpl-dialog::backdrop{background:#1d263073}.tpl-dialog-body{gap:var(--space-3);padding:var(--space-4);flex-direction:column;display:flex}.tpl-dialog-content{gap:var(--space-3);flex-direction:column;display:flex;overflow-y:auto}.tpl-dialog-actions{justify-content:flex-end}@media (width<=1100px){.tpl-body{flex-direction:column;height:auto;min-height:0}.tpl-left,.tpl-right{width:auto;max-height:60vh}.tpl-center{height:72vh;min-height:420px}.tpl-title h1{max-width:18ch}}.crop-dialog{gap:var(--space-3);flex-direction:column;min-width:min(640px,82vw);display:flex}.crop-mode{gap:var(--space-1);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-2);flex-direction:column;display:flex}.crop-mode label{gap:var(--space-1);align-items:flex-start;display:flex}.crop-area{border:1px solid var(--border);border-radius:var(--radius);background:#fff;height:min(52vh,520px);position:relative;overflow:hidden}.crop-contain{height:min(52vh,520px);padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius);background:#fff;place-items:center;display:grid}.crop-contain img{object-fit:contain;max-width:100%;max-height:100%}.upload-order{gap:var(--space-1);flex-direction:column;margin:0;padding-left:1.5rem;display:flex}.upload-order li{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}