.sheet-layout{display:grid;grid-template-columns:minmax(320px,1.3fr) minmax(270px,.9fr) minmax(280px,.95fr);gap:16px;align-items:start;margin:24px auto 70px}
.sheet-panel{background:#111416;border:1px solid #30363a;border-radius:13px;padding:19px;min-width:0}
.sheet-panel h2{font-size:19px;margin:0 0 15px}.sheet-panel h3{font-size:16px;margin:0 0 12px}
.sheet-paper{position:relative;aspect-ratio:210/297;background:#fff;border:9px solid #e9e9e9;box-shadow:0 12px 35px #0009;max-width:520px;margin:auto}
.sheet-paper canvas{width:100%;height:100%;display:block;touch-action:none;cursor:grab}
.sheet-paper canvas:active{cursor:grabbing}
.sheet-tools{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sheet-tools label{display:block;font-size:13px;color:#c8c7c4;margin-bottom:5px}
.sheet-tools input,.sheet-tools textarea{width:100%}
.sheet-tools .wide{grid-column:1/-1}
.sheet-btn{background:#edc46d;color:#17130b;border:0;border-radius:9px;padding:12px 15px;font-weight:750;cursor:pointer}
.sheet-btn.alt{background:#1e2428;color:#f1e4c9;border:1px solid #555}
.sheet-btn:disabled{opacity:.5;cursor:not-allowed}
.sheet-item{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid #353a3e;border-radius:10px;margin-bottom:8px;cursor:pointer}
.sheet-item.active{border-color:#edc46d;background:#3b311d}
.sheet-item .sheet-item-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sheet-item small{display:block;color:#aaa}.sheet-price{display:flex;justify-content:space-between;margin:12px 0}.sheet-price.total{padding:15px;border:1px solid #b78b37;border-radius:9px;color:#f2c76b;font-size:21px;font-weight:bold}
.sheet-hint{font-size:12px;color:#aaa;line-height:1.55}.sheet-badge{color:#e8c174}
@media(max-width:1050px){.sheet-layout{grid-template-columns:1fr 1fr}.sheet-panel:first-child{grid-row:span 2}}
@media(max-width:700px){.sheet-layout{grid-template-columns:1fr}.sheet-panel:first-child{grid-row:auto}}

.magnet-layout{display:grid;grid-template-columns:minmax(320px,1.4fr) minmax(300px,1fr);gap:20px;margin:25px auto 65px;align-items:start}
.magnet-preview-area{height:580px;max-height:75vh;background:radial-gradient(circle at center,#44484c,#191c1f 75%);border:1px solid #474747;border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:15px}
.magnet-object{width:120px;height:120px;background:#fafafa;color:#111;border-radius:9px;box-shadow:5px 9px 16px #0009, inset 0 0 0 1px #ddd;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;position:relative}
.magnet-object span{font-size:20px;font-weight:800;overflow-wrap:anywhere;max-width:98%;line-height:1.05}
.magnet-object img{width:100%;height:100%;object-fit:fill}
@media(max-width:800px){.magnet-layout{grid-template-columns:1fr}.magnet-preview-area{height:400px}}