:root{--bg: #efe4cf;--panel: rgba(255, 248, 235, .92);--ink: #2f241d;--accent: #9f5f36;--accent-soft: #d9a36d;--line: rgba(68, 46, 33, .14);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;overflow:hidden;font-family:Trebuchet MS,Segoe UI,sans-serif;background:#1a1410;color:var(--ink);overscroll-behavior:none}canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100dvh;display:block;touch-action:none;background:#f3e4bd}button{border:0;border-radius:999px;padding:14px 18px;font:inherit;font-weight:700;color:#fff8f0;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-soft) 100%);cursor:pointer}button:hover{filter:brightness(1.06)}button:active{filter:brightness(.94);transform:scale(.98);transition:filter 60ms ease,transform 60ms ease}button:disabled{opacity:.55;cursor:default;filter:none;transform:none}.btn-danger{background:transparent;color:#2f241d99;border:1px solid rgba(47,36,29,.18);font-weight:600}.btn-danger:hover{background:#b437190f;border-color:#b4371947;color:#a02d0fe6;filter:none}.btn-danger:active{background:#b437191a;filter:none}.info-modal[hidden]{display:none}.info-modal{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;z-index:20;padding:20px}.info-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#1d140f8f}.info-card{position:relative;z-index:1;width:min(680px,100%);max-height:min(80vh,760px);overflow:auto;padding:24px;border-radius:24px;border:1px solid rgba(72,48,35,.16);background:#fff8effa;box-shadow:0 24px 80px #2c1d143d}.info-close{width:auto;margin-left:auto;margin-bottom:14px;display:block;background:transparent;color:var(--ink);border:1px solid var(--line);padding:6px 14px;font-weight:600;font-size:.85rem;opacity:.65}.info-close:hover{opacity:1;background:#2f241d0f;filter:none}.info-close:active{opacity:1;background:#2f241d1a;filter:none;transform:none}.info-meta{margin-top:8px;color:#2f241db8}.info-media{margin-top:16px}.info-media img{width:100%;display:block;border-radius:18px;border:1px solid rgba(72,48,35,.14);background:#ffffffd6}.info-body{margin-top:16px;display:grid;gap:12px;line-height:1.65}h1,h2,p,ul{margin:0}.picture-studio-hint{margin-bottom:12px;font-size:.85rem;color:#2f241dbf}.picture-studio-card{width:min(860px,100%)}.picture-slot-list,.picture-option-list{display:grid;gap:10px}.picture-slot-list{margin-bottom:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.picture-slot-card,.picture-option-card{border:1px solid var(--line);border-radius:14px;background:#ffffffa3}.picture-slot-card{width:100%;padding:12px;color:inherit;text-align:left}.picture-slot-card-selected{border-color:var(--accent);box-shadow:0 0 0 2px #9f5f3638;background:#ffe6cd99}.picture-option-card-selected{border-color:var(--accent);box-shadow:0 0 0 2px #9f5f3638;background:#ffe6cd80}.picture-slot-card strong,.picture-option-card strong{display:block;margin-bottom:4px}.picture-slot-card span,.picture-option-card span{display:block;font-size:.8rem;color:#2f241dc2}.picture-option-list{grid-template-columns:repeat(3,minmax(0,1fr))}.picture-option-card{overflow:hidden}.picture-option-card button{margin:0;border-radius:0;width:100%}.picture-option-preview{aspect-ratio:1 / 1;background:linear-gradient(180deg,#fff9,#e8d5bce6),repeating-linear-gradient(45deg,#9f5f360f,#9f5f360f 10px,#ffffff24 10px,#ffffff24 20px);display:grid;place-items:center}.picture-option-preview img{width:100%;height:100%;object-fit:cover;display:block}.picture-option-meta{padding:10px 12px 12px}.trex-card{width:min(480px,100%)}.trex-hint{margin-bottom:16px;font-size:.85rem;color:#2f241dbf}.trex-pedestal-picker{display:flex;align-items:center;gap:8px;margin-bottom:14px}.trex-pedestal-label{font-size:.85rem;color:#2f241dbf;flex-shrink:0}.trex-pedestal-btn{padding:6px 14px;border-radius:8px;border:1.5px solid var(--line);background:#fff8efb3;font-size:.85rem;cursor:pointer;transition:all .15s ease}.trex-pedestal-btn:hover{background:#e8d5bc99}.trex-pedestal-btn.active{background:#9f5f3626;border-color:#9f5f3680;font-weight:600}.trex-preview{aspect-ratio:1 / 1;max-width:320px;margin:0 auto 16px;border-radius:14px;border:2px dashed var(--line);background:linear-gradient(180deg,#fff9,#e8d5bce6),repeating-linear-gradient(45deg,#9f5f360f,#9f5f360f 10px,#ffffff24 10px,#ffffff24 20px);display:grid;place-items:center;overflow:hidden}.trex-preview img{width:100%;height:100%;object-fit:contain;display:block}.trex-preview:empty:after{content:"No image selected";font-size:.85rem;color:#2f241d73}.trex-actions{display:flex;gap:10px}.trex-actions button{flex:1}@media(max-width:720px){.info-modal{padding:12px}.info-card{max-height:85dvh;padding:16px;border-radius:18px}.picture-studio-card{width:100%}.picture-slot-list,.picture-option-list{grid-template-columns:1fr}}