:root{color-scheme:light;--ink:#243630;--muted:#748078;--line:#dde3dc;--green:#196b5e;--cream:#f6f5ef;--light:#edf3ed}*{box-sizing:border-box}body{margin:0;font:14px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--cream)}button,input,select{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button{border:1px solid #d5ddd4;border-radius:8px;background:white;padding:9px 13px;color:var(--ink);cursor:pointer;font-weight:600;transition:background .15s}button:hover{background:#edf3ed}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #adbf69;outline-offset:2px}.primary{background:var(--green);border-color:var(--green);color:white}.primary:hover{background:#12594e}.primary span{margin-left:16px}.topbar{height:82px;padding:18px 30px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fffcf5}.brand{display:flex;gap:11px;align-items:center;color:var(--ink);text-decoration:none;font-size:24px;font-weight:750;letter-spacing:-1px}.brand small{display:block;font-size:8px;letter-spacing:1.7px;font-weight:650;margin-top:-2px;color:#607465}.header-actions,.project-actions{display:flex;gap:10px;align-items:center}.save-status{font-size:11px;color:var(--muted);margin-right:10px;max-width:180px}.icon-button{width:36px;border-radius:50%;padding:7px}.projectbar{padding:22px 30px;display:flex;justify-content:space-between;align-items:center}.eyebrow{font-size:10px;letter-spacing:1.5px;color:#7a877b;font-weight:700}.project-name{display:block;border:0!important;background:transparent;font:650 23px/1.4 Georgia,serif;padding:2px 0!important;width:350px;color:var(--ink)}.workspace{display:grid;grid-template-columns:230px minmax(300px,1fr) 310px;margin:0 24px;border:1px solid var(--line);border-radius:13px;overflow:hidden;min-height:700px;height:calc(100vh - 240px);background:white;box-shadow:0 6px 20px #2c473108}.collection,.inspector{overflow-y:auto;padding:20px 18px;background:#fffefa}.collection{border-right:1px solid var(--line);display:flex;flex-direction:column}.inspector{border-left:1px solid var(--line)}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px}h2{font-size:15px;margin:0;letter-spacing:-.2px}.badge{font-size:11px;background:var(--light);padding:2px 8px;border-radius:12px}.upload-zone{display:flex;flex-direction:column;align-items:center;gap:6px;border:1.5px dashed #bacbbc;background:#f5f8f1;padding:17px 8px;width:100%;font-size:12px}.upload-plus{font-size:24px;line-height:1;color:var(--green)}.upload-zone small{font-size:10px;font-weight:400;line-height:1.7;color:var(--muted)}.default-type{margin:12px 0 17px}.default-type label{font-size:10px;margin:0 0 3px}.default-type select{padding:6px;font-size:11px}.item-list{display:flex;flex-direction:column;gap:8px}.item-card{display:flex;gap:10px;text-align:left;padding:8px;width:100%;align-items:center;border-color:transparent;background:#f5f6f1}.item-card.selected{border-color:#56997e;background:#eaf2e8;box-shadow:inset 3px 0 #196b5e}.item-card img{width:40px;height:49px;object-fit:contain;background:#fff;border-radius:4px}.item-card span{min-width:0}.item-card strong{display:block;max-width:127px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.item-card small{font-size:10px;color:var(--muted);font-weight:400}.text-button{background:none;border:0;padding:8px 0;color:var(--green);font-size:11px;text-align:left}.collection>.text-button{margin-top:14px}.collection-bottom{font-size:10px;color:var(--muted);margin-top:auto;padding-top:28px}.privacy-dot{display:inline-block;border-radius:50%;width:5px;height:5px;background:#668b66;margin-right:5px}.preview-panel{display:flex;flex-direction:column;min-width:0;min-height:0;background:#e9eee8}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;background:#f9fbf6;border-bottom:1px solid var(--line);font-size:12px}.preview-toolbar strong{display:block}.preview-toolbar #pageInfo{font-size:10px;color:var(--muted)}.page-nav{display:flex;gap:8px;align-items:center;font-size:10px}.page-nav button{padding:4px 9px}.paper-stage{padding:28px;overflow:auto;flex:1;min-height:300px;background-image:radial-gradient(#b4c1b780 .65px,transparent .65px);background-size:16px 16px;display:flex;align-items:flex-start;justify-content:center}#pageCanvas{display:block;max-width:100%;height:auto;box-shadow:0 4px 16px #1c322b26;background:white}#pageCanvas[hidden]{display:none}.preview-footer{display:flex;justify-content:space-between;padding:11px 20px;font-size:10px;color:#778179;border-top:1px solid #d5ddd4;background:#f2f5ef;gap:10px}.empty-state{align-self:center;text-align:center;max-width:470px;width:100%;padding:20px 0}.empty-icon{background:#dae5d4;color:var(--green);font-size:55px;line-height:94px;border-radius:50%;width:94px;height:94px;margin:0 auto 25px;transform:rotate(-12deg)}.empty-state h1{font-family:Georgia,serif;line-height:1.25;font-size:32px;font-weight:500;letter-spacing:-.7px;margin:15px 0}.empty-state p{color:#7a8379;font-size:12px;line-height:1.9;margin:0 0 25px}.steps{display:flex;justify-content:center;gap:18px;font-size:10px;color:#92a387;margin-top:43px}.steps b{color:#667761;margin-left:5px;font-weight:500}.muted{color:var(--muted);font-size:12px}.inspector-empty{margin-top:40px;line-height:1.9}label{display:block;font-size:11px;font-weight:600;margin-bottom:12px}input:not([type=checkbox]):not([type=range]),select{display:block;width:100%;padding:8px 9px;border:1px solid #d4ddd4;border-radius:6px;color:var(--ink);background:#fff;margin-top:5px;min-width:0}input[type=color]{height:37px;padding:3px!important}input[type=range]{display:block;width:100%;accent-color:var(--green);margin-top:8px}input:disabled{background:#eef1eb!important;color:#7b877d!important}.row{display:grid;grid-template-columns:1fr 1fr;gap:11px}.check{display:flex;align-items:center;gap:7px;font-weight:400;line-height:1.5}.check input{accent-color:var(--green);margin:0}.section-label{font-size:9px;font-weight:700;letter-spacing:1.6px;color:#7b877b;margin:22px 0 12px;padding-top:16px;border-top:1px solid var(--line)}.hint{color:#879083;font-size:10px;line-height:1.6;margin:-5px 0 12px}.item-actions{display:flex;gap:8px;margin:22px 0 8px}.item-actions button{flex:1;font-size:11px}.danger{color:#a7513c}.app-footer{display:flex;align-items:center;gap:9px;margin:12px 30px;font-size:10px;color:#84907f}.app-footer>span:nth-child(2){margin-left:auto}.app-footer .text-button{margin-left:14px;font-size:10px}.warning{background:#fff4d8;border-bottom:1px solid #ebd29a;color:#825019;font-size:12px;padding:12px 18px}.warning[hidden]{display:none}dialog{border:1px solid var(--line);border-radius:14px;color:var(--ink);padding:26px;width:460px;max-width:calc(100vw - 30px);max-height:90vh;box-shadow:0 18px 80px #17372933}dialog::backdrop{background:#12291e66;backdrop-filter:blur(3px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.dialog-heading button{border:0;background:none;padding:4px}.dialog-heading h2{font-size:20px;font-family:Georgia,serif;font-weight:500}.full{width:100%}#helpDialog{width:620px;font-size:13px}#helpDialog li{margin-bottom:14px;padding-left:5px}#helpDialog ol{padding-left:20px}#helpDialog h3{font-size:14px}#helpDialog a{color:var(--green)}.toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);background:#203d31;color:white;padding:14px 24px;border-radius:10px;max-width:90vw;box-shadow:0 4px 20px #1c322b30;z-index:20;font-size:13px}.busy{position:fixed;inset:0;background:#fffcf3da;z-index:30;display:grid;place-items:center}.busy[hidden]{display:none}.busy>div{display:flex;align-items:center;gap:14px}.spinner{display:block;width:23px;height:23px;border:3px solid #ccd9c8;border-top-color:var(--green);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.dragging{outline:3px dashed var(--green);outline-offset:-8px;background-color:#d9e8d8}.inspector button#backUpload{font-size:11px;margin-bottom:12px}output{float:right;font-weight:400;color:var(--muted)}[hidden]{display:none!important}@media(max-width:1100px){.workspace{grid-template-columns:190px minmax(260px,1fr) 270px;margin:0 12px}.collection,.inspector{padding:17px 13px}.save-status{display:none}.topbar{padding:18px 22px}.paper-stage{padding:20px}.preview-footer>span:last-child{display:none}.steps{gap:9px}.empty-state h1{font-size:25px}.item-card strong{max-width:106px}}@media(max-width:820px){.workspace{grid-template-columns:180px 1fr;height:auto;min-height:0}.collection{grid-row:1/3}.preview-panel{min-height:540px;max-height:800px}.inspector{grid-column:2;border-top:1px solid var(--line);border-left:0}.topbar{height:auto;flex-wrap:wrap;gap:16px}.brand{font-size:22px}.header-actions{gap:8px}.header-actions button{font-size:11px}.projectbar{padding:18px;gap:14px;flex-wrap:wrap}.project-name{width:260px}.app-footer>span:nth-child(2){display:none}.paper-stage{min-height:430px}#itemForm{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}#itemForm>.section-label,#itemForm>#standeeFields,#itemForm>#tokenFields,#itemForm>.item-actions,#itemForm>#footprint{grid-column:1/-1}.section-label{margin-top:10px}}@media(max-width:520px){.workspace{display:flex;flex-direction:column}.collection{max-height:310px;border-right:0;border-bottom:1px solid var(--line)}.collection .upload-zone{padding:10px}.upload-plus,.upload-zone small,.collection-bottom,.default-type{display:none}.item-list{flex-direction:row;overflow:auto;margin-top:12px}.item-card{min-width:160px;width:160px}.collection>.text-button{margin-top:4px}.panel-heading{margin-bottom:10px}.preview-panel{min-height:450px}.paper-stage{min-height:360px}.header-actions button{padding:7px 10px}.project-actions{width:100%}.project-actions button{flex:1;font-size:12px}.empty-state h1{font-size:26px}#itemForm{display:block}.app-footer{margin:10px 18px}.steps{gap:12px}.preview-toolbar{padding:12px}.brand small{font-size:7px}.topbar{padding:15px 18px}}

.unit-switch{margin:0;display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:11px}.unit-switch select{width:66px;margin:0;padding:9px}.project-actions{flex-wrap:wrap}@media(max-width:520px){.project-actions .unit-switch{width:100%}.project-actions .unit-switch select{width:85px}}