:root{--ink:#1b2a26;--green:#20745b;--green-dark:#173f35;--paper:#fff;--bg:#e9eeeb;--line:#d4deda;--muted:#64736d;--danger:#b8403b}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:14px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg)}button,input,select{font:inherit}button{cursor:pointer}.topbar{height:64px;padding:0 28px;display:flex;gap:22px;align-items:center;background:var(--green-dark);color:#fff}.brand{font-size:18px;font-weight:800;color:#fff;text-decoration:none;white-space:nowrap}.brand span{color:#82e4ac;font-size:24px;vertical-align:-2px}.topbar p{margin:0;opacity:.78;flex:1}.print-button,.upload-button{background:#8ee2aa;color:#10352a;border:0;border-radius:9px;padding:11px 16px;font-weight:800;box-shadow:0 1px 1px rgba(0,0,0,.16)}.print-button:hover,.upload-button:hover{filter:brightness(1.04)}.editor-shell{min-height:calc(100vh - 64px);display:grid;grid-template-columns:326px minmax(0,1fr)}.panel{z-index:2;padding:20px;background:#f9fbfa;border-right:1px solid var(--line);overflow-y:auto}.panel section{padding:0 0 19px;margin:0 0 18px;border-bottom:1px solid var(--line)}.panel section:last-child{border:0}h2{font-size:12px;letter-spacing:.06em;text-transform:uppercase;margin:0 0 12px;color:var(--green-dark)}.upload-button{display:block;text-align:center}.hint{font-size:12px;color:var(--muted);margin:9px 0 0}.field-label{display:block;font-weight:700;font-size:12px;margin:12px 0 5px}.panel select,.panel input[type=number]{width:100%;border:1px solid #bfcfc8;border-radius:7px;background:#fff;color:var(--ink);padding:8px 9px;outline:none}.panel input:focus,.panel select:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(32,116,91,.12)}.size-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:9px}.size-fields label{font-size:11px;color:var(--muted);font-weight:700}.size-fields input{margin-top:4px}.size-fields small{font-size:10px}.check{display:flex;align-items:center;gap:7px;margin-top:11px;font-size:12px;font-weight:600}.check input{accent-color:var(--green)}.selection-panel.is-empty .selected-controls{display:none}.selection-panel:not(.is-empty) .empty-selection{display:none}.empty-selection{color:var(--muted);margin:0}.rotation-row{display:grid;grid-template-columns:38px 1fr 22px 38px;gap:6px;align-items:center}.rotation-row button,.split-buttons button,.quiet-button{border:1px solid #c4d2cc;background:#fff;color:var(--ink);border-radius:7px;padding:8px;font-weight:700}.rotation-row button{font-size:20px;line-height:18px}.rotation-row span{font-size:13px;color:var(--muted)}.split-buttons{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.split-buttons button{font-size:11px}.split-buttons button.is-active{background:#e0f4e7;border-color:#83caa0;color:#15523f}.dangerous-row button:last-child{color:var(--danger)}.sheet-info{background:#f0f7f2;margin:0 -6px -6px;padding:13px 12px!important;border:0!important;border-radius:9px}.usage{display:flex;align-items:center;gap:9px}.usage>span{font-size:20px;font-weight:800;color:var(--green-dark);min-width:42px}.usage>div{height:9px;border-radius:10px;overflow:hidden;flex:1;background:#d6e5dc}.usage i{display:block;height:100%;width:0;background:#4daa70;border-radius:inherit;transition:width .2s}.sheet-info p{margin:7px 0 0;color:var(--muted);font-size:12px}.space-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.space-grid div{background:#fff;padding:8px;border-radius:7px;border:1px solid #dce8e1;display:flex;align-items:center;gap:7px}.space-grid b{font-size:20px;color:var(--green-dark)}.space-grid span{font-size:10px;line-height:1.2;color:var(--muted)}.workspace{min-width:0;display:flex;flex-direction:column}.workspace-heading{height:57px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line)}.workspace-heading strong{display:block;font-size:14px}.workspace-heading span{display:block;font-size:11px;color:var(--muted);margin-top:1px}.quiet-button{font-size:12px;color:var(--muted)}.paper-stage{padding:32px;overflow:auto;flex:1;display:flex;justify-content:center;align-items:flex-start;background:radial-gradient(#ccd7d1 1px,transparent 1px) 0 0/16px 16px}.paper{position:relative;width:210mm;height:297mm;flex:none;overflow:hidden;background:var(--paper);box-shadow:0 5px 18px rgba(20,46,37,.24);background-image:linear-gradient(90deg,transparent 19px,rgba(48,99,77,.04) 20px,transparent 21px),linear-gradient(0deg,transparent 19px,rgba(48,99,77,.04) 20px,transparent 21px);background-size:20mm 20mm}.paper::after{content:"A4 · 210 × 297 мм";position:absolute;right:5mm;bottom:4mm;color:#bfd0c8;font-size:10px;font-weight:700;letter-spacing:.05em;pointer-events:none}.photo-item{position:absolute;margin:0;transform-origin:center center;touch-action:none;cursor:grab;user-select:none;background:#f3f3f3;box-shadow:0 1px 3px rgba(0,0,0,.18)}.photo-item:active{cursor:grabbing}.photo-item img{display:block;width:100%;height:100%;pointer-events:none}.photo-item.fit img{object-fit:contain}.photo-item.fill img{object-fit:cover}.photo-item.selected{outline:2px solid var(--green);outline-offset:3px;z-index:10}.photo-label{position:absolute;left:50%;bottom:-25px;transform:translateX(-50%);padding:3px 7px;border-radius:5px;white-space:nowrap;background:var(--green-dark);color:#fff;font-size:11px;font-weight:700;opacity:0;transition:opacity .14s;pointer-events:none}.photo-item.selected .photo-label{opacity:1}.resize-handle{position:absolute;right:-7px;bottom:-7px;width:14px;height:14px;border:2px solid #fff;border-radius:50%;background:var(--green);box-shadow:0 1px 3px rgba(0,0,0,.3)}
@media(max-width:760px){.topbar{height:auto;min-height:58px;padding:10px 14px;gap:10px}.topbar p{display:none}.brand{flex:1}.print-button{padding:9px 11px;font-size:12px}.editor-shell{display:block}.panel{border-right:0;border-bottom:1px solid var(--line);max-height:none;padding:15px}.panel section{margin-bottom:12px;padding-bottom:12px}.panel section:nth-child(2){display:none}.workspace-heading{padding:0 14px}.paper-stage{padding:20px;justify-content:flex-start}.paper{transform-origin:top left;transform:scale(.72);margin-right:-58.8mm;margin-bottom:-83.16mm}.photo-label{display:none}}
@media print{@page{size:A4 portrait;margin:0}html,body{width:210mm;height:297mm;background:#fff}.no-print,.topbar,.panel,.workspace-heading{display:none!important}.editor-shell,.workspace,.paper-stage{display:block;min-height:0;padding:0;margin:0;background:#fff;overflow:visible}.paper{width:210mm;height:297mm;box-shadow:none;background:#fff;background-image:none}.paper::after{display:none}.photo-item{box-shadow:none}.photo-item.selected{outline:0}.photo-item img{print-color-adjust:exact;-webkit-print-color-adjust:exact}}
.paper{overflow:visible}.overflow-zone{position:absolute;display:block;z-index:3;background:repeating-linear-gradient(135deg,rgba(212,44,37,.5) 0 9px,rgba(255,92,82,.24) 9px 18px);pointer-events:none}.overflow-zone[hidden]{display:none}.overflow-right{left:100%;top:0;width:var(--overflow-size);height:100%}.overflow-bottom{left:0;top:100%;width:100%;height:var(--overflow-size)}.overflow-left{right:100%;top:0;width:var(--overflow-size);height:100%}.overflow-top{left:0;bottom:100%;width:100%;height:var(--overflow-size)}.photo-item.is-overflowing{outline:2px solid #cf3d36;outline-offset:3px}
.print-sheet{display:none}
@media print{body>*:not(.print-sheet){display:none!important}.print-sheet{display:block!important;position:relative!important;width:210mm!important;height:297mm!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#fff!important}.print-photo{position:absolute!important;display:block!important;margin:0!important;transform-origin:center center!important;object-position:center center!important;print-color-adjust:exact!important;-webkit-print-color-adjust:exact!important}.print-photo.fit{object-fit:contain!important}.print-photo.fill{object-fit:cover!important}}