.stage-wrap{padding:40px;display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 200px);position:relative}.ruler-overlay{position:absolute;inset:0;pointer-events:none;z-index:5}.ruler{display:block;background:#f8fafc;pointer-events:auto}.ruler-h{position:absolute;top:0;left:0;height:18px;width:100%;border-bottom:1px solid rgba(0,0,0,.08)}.ruler-v{position:absolute;top:18px;left:0;width:18px;height:calc(100% - 18px);border-right:1px solid rgba(0,0,0,.08)}.sheet-wrap{position:relative;width:100%;max-width:900px;display:flex;justify-content:center;align-items:center}.sheet{display:block;background:#fff;border:2px solid var(--ink);border-radius:8px;box-shadow:0 4px 6px -1px #0000001a;touch-action:none;position:relative}.sheet:before{content:"";position:absolute;inset:0;background-image:linear-gradient(45deg,#d0d0d0 25%,transparent 25%),linear-gradient(-45deg,#d0d0d0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d0d0d0 75%),linear-gradient(-45deg,transparent 75%,#d0d0d0 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px;opacity:.6;pointer-events:none;border-radius:6px}.tool-hand .sheet{cursor:grab}.tool-hand.dragging-hand .sheet{cursor:grabbing}.drop-hint{position:absolute;left:12px;bottom:12px;background:#111827cc;color:#fff;padding:6px 10px;border-radius:8px;font-size:12px;box-shadow:0 2px 8px #0003}.sheet-wrap.dragover .sheet,#sheetWrap.dragover .sheet{outline:3px solid rgba(17,24,39,.45);outline-offset:3px}.size-tag{position:fixed;padding:4px 8px;font-size:12px;font-weight:700;color:#fff;background:#111827eb;border-radius:8px;box-shadow:0 2px 8px #00000026;pointer-events:none;z-index:20;transform:translate(-4px,-110%)}.size-controls{display:flex;align-items:center;gap:3px;padding:0 6px;height:var(--btn-h);border:1px solid var(--border-light);border-radius:var(--btn-radius);background:#fff;color:#374151;box-shadow:0 1px 2px #0000000f}.size-controls-bar{margin-left:0;margin-right:0}.size-controls-panel{justify-content:center}.size-controls[hidden]{display:none!important}.size-controls__group{display:flex;align-items:center;gap:3px}.size-controls__pill{display:flex;align-items:center;justify-content:center;height:var(--btn-h);padding:0 5px;font-weight:700;font-size:12px;color:#4b5563;background:#fff;border:1px solid var(--border-light);border-radius:6px;line-height:1}.size-controls label{color:#4b5563;font-weight:600;font-size:12px}.size-controls input[type=number]{width:58px;height:var(--btn-h);padding:0 6px;font-size:12px;font-weight:600;color:#111827;background:#fff;border:1px solid var(--border-light);border-radius:6px;outline:none;-moz-appearance:textfield}.size-controls input[type=number]::-webkit-outer-spin-button,.size-controls input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.size-controls input[type=number]:focus{border-color:#60a5fa;box-shadow:0 0 0 2px #3b82f640}.size-controls__unit{color:#4b5563;font-weight:700;font-size:12px}.size-controls__lock{display:flex;align-items:center;justify-content:center;width:var(--btn-h);height:var(--btn-h);border:1px solid var(--border-light);border-radius:var(--btn-radius);background:#fff;cursor:pointer;transition:border-color .15s ease,background .15s ease}.size-controls__lock input{display:none}.size-controls__lock .size-controls__check{color:#6b7280;font-weight:700}.size-controls__lock.is-active{border-color:#22c55e;background:#22c55e0f}.size-controls__lock.is-active .size-controls__check{color:#16a34a}.dragging,.resizing{cursor:grabbing!important}