:root{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#1d2939;background:#f4f6f8}*{box-sizing:border-box}body{margin:0}.topbar{display:flex;gap:16px;align-items:center;padding:10px 14px;background:#fff;border-bottom:1px solid #d0d5dd;position:sticky;top:0;z-index:20}.brand{min-width:210px}.brand strong,.brand span{display:block}.brand span{font-size:11px;color:#667085}.toolbar{display:flex;gap:6px;flex-wrap:wrap}button,input,select{font:inherit}button{border:1px solid #cbd5e1;background:#fff;border-radius:7px;padding:7px 10px;cursor:pointer}button:hover{background:#f8fafc}.primary{background:#0f766e;color:white;border-color:#0f766e}.danger{color:#b42318;border-color:#fda29b}.layout{display:grid;grid-template-columns:260px minmax(420px,1fr) 250px;min-height:calc(100vh - 58px)}.panel{background:#fff;padding:14px;border-right:1px solid #e4e7ec;overflow:auto}.right-panel{border-left:1px solid #e4e7ec;border-right:0}.panel h3{margin:5px 0 10px;font-size:14px}.panel label{display:block;font-size:12px;margin:8px 0;color:#475467}.panel input:not([type=checkbox]),.panel select{width:100%;padding:7px;border:1px solid #d0d5dd;border-radius:6px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.wide{width:100%;margin:4px 0}.workspace{min-width:0;padding:14px}.dropzone{border:1px dashed #98a2b3;background:#fff;padding:8px 12px;text-align:center;border-radius:8px;margin-bottom:10px;font-size:12px}.dropzone.drag{border-color:#0f766e;background:#ecfdf3}.stage-wrap{height:calc(100vh - 145px);overflow:auto;background:#d0d5dd;border-radius:8px;padding:24px}.stage{position:relative;background:#fff;margin:auto;box-shadow:0 8px 30px #0002;transform-origin:top left}#previewCanvas{display:block;width:100%;height:100%}#elementsLayer{position:absolute;inset:0;pointer-events:none}.placed{position:absolute;transform:translate(-1px,-1px);pointer-events:auto;cursor:move;user-select:none;border:1px solid transparent;white-space:nowrap}.placed.selected{border:1px dashed #0f766e;background:#ffffff88}.placed.qr{background:white;padding:2px}.placed.qr canvas{display:block}.qr-caption{text-align:center;font-size:9px;margin-top:1px}.status{font-size:12px;color:#475467;margin-top:8px}.list,.rows-list{font-size:12px}.list.empty{color:#98a2b3}.column-card{padding:7px;border:1px solid #eaecf0;border-radius:6px;margin:5px 0}.row{display:flex;justify-content:space-between;align-items:center;gap:8px}.rows-list{max-height:140px;overflow:auto}.row-chip{display:flex;justify-content:space-between;padding:3px 5px}.row-chip.off{opacity:.45;text-decoration:line-through}.muted{color:#667085;font-size:12px}.help{padding-left:18px;font-size:12px;color:#475467;line-height:1.45}hr{border:0;border-top:1px solid #eaecf0;margin:14px 0}dialog{width:min(760px,92vw);border:0;border-radius:12px;padding:0;box-shadow:0 24px 64px #0004}dialog::backdrop{background:#10182888}dialog form{padding:14px}dialog header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eaecf0;margin:-14px -14px 12px;padding:12px 14px}dialog h2{margin:0;font-size:18px}.icon{border:0;font-size:18px}.folio-row{display:grid;grid-template-columns:1.15fr .75fr .7fr 1fr .7fr .8fr 36px;gap:7px;align-items:end;margin:7px 0}.folio-row label{font-size:11px;color:#475467}.folio-row input,.folio-row select{width:100%;padding:7px;border:1px solid #d0d5dd;border-radius:6px}.dialog-actions{display:flex;gap:8px;margin-top:14px;border-top:1px solid #eaecf0;padding-top:12px}.spacer{flex:1}.rows-dialog-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:6px;max-height:50vh;overflow:auto}.rows-dialog-list label{border:1px solid #eaecf0;border-radius:6px;padding:7px}.inspector-visible{display:block}@media(max-width:1000px){.layout{grid-template-columns:220px 1fr}.right-panel{display:none}}@media(max-width:720px){.layout{display:block}.left-panel{display:none}.stage-wrap{height:calc(100vh - 160px)}.brand{display:none}}
.folio-toolbar{display:flex;gap:8px;justify-content:flex-end;align-items:center;margin-bottom:14px}.folio-file-label{display:block;max-width:240px;font-size:12px;color:#475467}.folio-file-label input{display:block;width:100%;margin-top:5px;padding:8px;border:1px solid #d0d5dd;border-radius:6px}.folio-table-title{margin:18px 0 8px}.folio-table-wrap{border:1px solid #eaecf0;border-radius:8px;overflow:auto;max-height:52vh}.folio-empty{padding:24px;text-align:center;color:#98a2b3}.folio-table{width:100%;border-collapse:collapse;font-size:12px;background:white}.folio-table th,.folio-table td{border-bottom:1px solid #eaecf0;border-right:1px solid #eaecf0;padding:7px 8px;text-align:left;white-space:nowrap}.folio-table th{position:sticky;top:0;background:#f9fafb;z-index:1}.folio-table th:last-child,.folio-table td:last-child{border-right:0}.folio-head-actions{display:inline-flex;gap:2px;float:right;margin-left:8px}.folio-head-actions button{padding:1px 4px;border:0;background:transparent}.folio-row-name{color:#667085}.folio-more{padding:7px 8px;color:#667085;background:#f9fafb}.column-form-grid{display:grid;gap:10px}.column-form-grid label{display:block;font-size:12px;color:#475467}.column-form-grid input,.column-form-grid select{display:block;width:100%;margin-top:4px;padding:8px;border:1px solid #d0d5dd;border-radius:6px}#columnDialog{width:min(520px,92vw)}

.placed{transform-origin:center center}.add-folio-hint{margin-bottom:10px}.add-folio-columns{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;max-height:52vh;overflow:auto}.add-folio-option{display:flex;align-items:center;gap:9px;border:1px solid #eaecf0;border-radius:8px;padding:10px;cursor:pointer}.add-folio-option:hover{background:#f9fafb}.add-folio-option input{width:18px;height:18px}.add-folio-option span{display:flex;flex-direction:column;min-width:0}.add-folio-option small{color:#667085;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#addFolioDialog{width:min(600px,92vw)}

@media(max-width:720px),(pointer:coarse){.placed{cursor:pointer;touch-action:manipulation}.stage{touch-action:manipulation}}

.edit-folio-grid{display:grid;gap:12px}.edit-folio-grid label{display:block;font-size:12px;color:#475467}.edit-folio-grid input,.edit-folio-grid select{display:block;width:100%;margin-top:5px;padding:9px;border:1px solid #d0d5dd;border-radius:6px}#editFolioDialog{width:min(460px,92vw)}

.align-folios-preview{position:relative;width:min(100%,560px);margin:0 auto 14px;background:#fff center/100% 100% no-repeat;border:1px solid #d0d5dd;border-radius:8px;box-shadow:0 3px 12px #0001;overflow:hidden;min-height:180px}.align-preview-folio{position:absolute;padding:2px 4px;border:1px solid transparent;background:#ffffffbf;border-radius:3px;white-space:nowrap;font-size:11px;line-height:1.1;transform-origin:center center}.align-preview-folio.selected{border-color:#0f766e;background:#ecfdf3;box-shadow:0 0 0 1px #0f766e}.align-folios-list{max-height:180px}#alignFoliosDialog{width:min(760px,94vw)}