:root{color:#152026;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f7f8f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}#root{min-height:100vh}.app-shell{color:#152026;background:linear-gradient(135deg,#0c4f7014,#0000 36%),linear-gradient(315deg,#b94a2514,#0000 34%),#f7f8f5;min-height:100vh}.workspace{width:min(1220px,100vw - 48px);margin:0 auto;padding:28px 0}.topbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px;display:flex}.topbar h1{letter-spacing:0;margin:0;font-size:34px;font-weight:760;line-height:1.1}.topbar p{color:#657177;margin:7px 0 0;font-size:15px}.topbar-actions,.export-row,.slot-actions,.print-note{align-items:center;gap:10px;display:flex}.type-select{color:#657177;background:#fff;border:1px solid #dfe5e2;border-radius:8px;align-items:center;gap:8px;min-height:42px;padding:0 10px;font-size:13px;font-weight:650;display:inline-flex}.type-select select{color:#152026;height:30px;font:inherit;background:0 0;border:0;outline:0;font-size:14px}button,label{font:inherit}.primary-button,.ghost-button,.icon-button{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;transition:transform .15s,box-shadow .15s,border-color .15s,background .15s;display:inline-flex}.primary-button{color:#fff;background:#0d5c75;min-height:42px;padding:0 16px;box-shadow:0 12px 24px #0d5c7533}.primary-button.alt{background:#a9492a;box-shadow:0 12px 24px #a9492a33}.ghost-button{color:#26353c;background:#fff;border-color:#dfe5e2;min-height:42px;padding:0 14px}.ghost-button.wide{color:#0d5c75;border-color:#0d5c7547;font-weight:680}.icon-button{color:#26353c;background:#f5f7f4;border-color:#dfe5e2;width:36px;height:36px}.icon-button input,.hidden-input{display:none}.danger{color:#a33b26}button:hover:not(:disabled),label:hover{transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.48}.content-grid{grid-template-columns:minmax(420px,.9fr) minmax(420px,1.1fr);align-items:start;gap:22px;display:grid}.slot-panel,.preview-panel{background:#ffffffdb;border:1px solid #dfe5e2;border-radius:8px;box-shadow:0 18px 48px #27373e1c}.slot-panel{padding:18px}.panel-heading{border-bottom:1px solid #e6ebe8;align-items:center;gap:10px;padding-bottom:14px;font-weight:720;display:flex}.panel-heading strong{color:#657177;margin-left:auto;font-size:13px;font-weight:620}.preset-note{color:#657177;background:#f8faf8;border:1px solid #dfe5e2;border-radius:8px;margin:12px 0 0;padding:9px 11px;font-size:13px;line-height:1.35}.slot-list{gap:12px;padding:14px 0;display:grid}.slot-card{background:#fff;border:1px solid #e3e8e5;border-radius:8px;grid-template-columns:38px minmax(0,1fr) 152px;align-items:center;gap:12px;min-height:92px;padding:12px;display:grid}.slot-card.filled{border-color:#0d5c7561}.slot-number{color:#0d5c75;background:#e9f2f3;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:760;display:grid}.slot-body{min-width:0}.slot-title{text-overflow:ellipsis;white-space:nowrap;min-height:22px;font-weight:720;overflow:hidden}.slot-actions{margin-top:9px}.mini-preview{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mini-preview img{aspect-ratio:86/54;object-fit:cover;border:1px solid #cfd9d5;border-radius:4px;width:100%}.export-row{border-top:1px solid #e6ebe8;flex-wrap:wrap;padding-top:12px}.preview-panel{padding:18px}.sheet-preview{aspect-ratio:210/297;background:#fff;border:1px solid #d5ddd9;width:min(430px,100%);margin:0 auto;position:relative;box-shadow:inset 0 0 0 1px #f3f5f3}.sheet-slot{color:#8b9699;background:#fbfcfb;border:1px dashed #0d5c7540;place-items:center;width:40.9624%;height:18.1875%;font-size:13px;font-weight:720;display:grid;position:absolute;left:29.5124%;overflow:hidden}.sheet-slot:first-child{top:2.28047%}.sheet-slot:nth-child(2){top:22.1788%}.sheet-slot:nth-child(3){top:42.0768%}.sheet-slot:nth-child(4){top:61.9747%}.sheet-slot img{object-fit:cover;width:100%;height:100%}.print-note{color:#657177;flex-wrap:wrap;justify-content:center;margin-top:14px;font-size:13px}.print-note span{background:#fff;border:1px solid #dfe5e2;border-radius:8px;padding:7px 10px}@media (width<=920px){.workspace{width:min(100% - 28px,760px)}.topbar,.content-grid{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start}.slot-card{grid-template-columns:38px minmax(0,1fr)}.mini-preview{grid-column:1/-1}}