.binder-studio{--studio-border:var(--border);background:var(--background);height:100dvh;color:var(--foreground);padding:max(18px, var(--top-inset)) max(24px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));font-family:var(--font-inter), sans-serif;flex-direction:column;gap:20px;display:flex;overflow:hidden}.binder-studio button,.binder-studio input,.binder-studio select,.binder-studio textarea{font:inherit;border:1px solid var(--studio-border);background-color:var(--card);min-height:40px;color:inherit;border-radius:12px;max-width:100%;padding:9px 12px}.binder-studio button{cursor:pointer;transition:background .15s}.binder-studio button:disabled{opacity:.45;cursor:default}.binder-studio button[aria-pressed=true]{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.binder-studio :focus-visible{outline:2px solid var(--ring);outline-offset:3px}.binder-studio input[type=color]{width:100%;height:42px;padding:5px}.binder-studio input[type=range]{accent-color:var(--primary);border:0;width:100%;padding:0}.binder-studio input[type=file]{width:100%;font-size:13px}.binder-studio textarea{resize:vertical;min-height:80px}.binder-studio small{color:var(--muted-foreground);font-size:11px;line-height:1.6;display:block}.binder-studio h1,.binder-studio h2,.binder-studio h3,.binder-studio p{margin:0}.binder-studio label{flex-direction:column;gap:7px;margin-bottom:16px;font-size:12px;font-weight:500;display:flex}.studio-header{border-bottom:1px solid var(--studio-border);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;display:flex}.studio-header>a{color:var(--muted-foreground);border-radius:12px;align-items:center;gap:8px;min-height:44px;padding-inline:8px;font-size:13px;font-weight:500;text-decoration:none;display:flex}.studio-header>a:hover{background:var(--muted);color:var(--foreground)}.studio-header>div{gap:8px;display:flex}.studio-header button{min-height:44px;font-size:12px}.binder-studio .studio-primary{background-color:var(--primary);color:var(--primary-foreground);border-color:var(--primary);min-width:76px}.studio-title{flex-shrink:0;justify-content:space-between;align-items:center;gap:24px;display:flex}.studio-title h1{letter-spacing:-.045em;font-size:30px;font-weight:600;line-height:1.1}.studio-title p{color:var(--muted-foreground);margin-top:6px;font-size:13px}.studio-title>div:last-child{max-width:340px}.studio-title label{margin-bottom:0}.studio-title select{text-overflow:ellipsis;font-size:12px}.studio-workspace{flex:1;grid-template-columns:minmax(0,1fr) 340px;gap:24px;min-height:0;display:grid}.studio-preview{grid-template-rows:minmax(0,1fr) auto auto;gap:10px;min-width:0;min-height:0;display:grid}.studio-preview>[role=group]{min-height:0}.studio-stage{background:radial-gradient(at 50% 42%,#30323a 0%,#1b1c22 75%);border:1px solid #ffffff0a;border-radius:24px;width:100%;height:100%;min-height:0;overflow:hidden}.studio-stage canvas{touch-action:none;width:100%;height:100%;display:block}.studio-loading{color:#fff;place-content:center;display:grid}.studio-views{border:1px solid var(--studio-border);border-radius:999px;justify-content:center;justify-self:center;gap:4px;width:fit-content;max-width:100%;padding:4px;display:flex}.studio-views button{min-width:64px;min-height:36px;color:var(--muted-foreground);background:0 0;border-color:#0000;border-radius:999px;padding:7px 16px;font-size:12px}.binder-studio .studio-views button[aria-pressed=true]{background:color-mix(in srgb, var(--primary) 12%, var(--card));color:var(--primary);border-color:#0000}.studio-editor{border:1px solid var(--studio-border);border-radius:24px;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.studio-parts{scrollbar-width:thin;border-bottom:1px solid var(--studio-border);flex-shrink:0;gap:2px;padding:10px;display:flex;overflow-x:auto}.studio-parts button{white-space:nowrap;background:0 0;border-color:#0000;flex-shrink:0;font-size:12px}.studio-parts button:hover{background:var(--accent)}.binder-studio .studio-parts button[aria-pressed=true]{background:color-mix(in srgb, var(--primary) 12%, var(--card));color:var(--primary);border-color:#0000}.studio-controls{overscroll-behavior-y:contain;background:var(--card);min-width:0;min-height:0;padding:20px;overflow-y:auto}.studio-controls fieldset{border:0;min-width:0;margin:0;padding:0}.studio-inspector-heading{padding-bottom:18px}.studio-controls h2{letter-spacing:-.035em;font-size:20px;font-weight:600}.studio-control-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.studio-range{align-items:center;gap:12px;display:flex}.studio-range output{text-align:right;font-variant-numeric:tabular-nums;min-width:35px;font-size:12px}.studio-controls fieldset>small,.studio-artwork-group>small{margin-top:-8px;margin-bottom:16px}.studio-controls fieldset>p{margin-bottom:16px;font-size:12px;line-height:1.6}.studio-controls details{border-top:1px solid var(--studio-border);margin:16px 0;padding-top:2px}.studio-controls summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:46px;font-size:12px;list-style:none;display:flex}.studio-controls summary:after{content:"+";color:var(--muted-foreground);font-size:17px}.studio-controls details[open]>summary:after{content:"−"}.studio-controls summary span{color:var(--muted-foreground);margin-left:auto;font-size:10px}.studio-control-group:last-child{margin-bottom:0}.studio-artwork-group{border-top:1px solid var(--studio-border);padding-top:18px}.studio-artwork-group h3{color:var(--muted-foreground);margin-bottom:16px;font-size:11px;font-weight:600}.studio-card-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:440px;display:grid;overflow:auto}.binder-studio .studio-card-picker button{padding:8px;font-size:11px}.studio-card-picker img{aspect-ratio:63/88;object-fit:contain;border-radius:4.76%/3.41%;width:100%;overflow:hidden}.studio-card-picker small{font-size:10px}.studio-crop{aspect-ratio:3/4;touch-action:none;cursor:grab;background:#292a2d;border-radius:14px;width:100%;max-width:100%}.studio-crop-spine{aspect-ratio:1/4;width:100px;margin:auto;display:block}.studio-pagination{justify-content:center;align-items:center;gap:18px;font-size:12px;display:flex}.studio-save-status{color:var(--muted-foreground);overflow-wrap:anywhere;flex-shrink:0;font-size:12px}.studio-error{color:#7a3e18;background:#fff4e8;border-radius:14px;padding:12px;font-size:13px}.studio-preview:has(.studio-error){grid-template-rows:minmax(0,1fr) auto auto auto}.studio-controls .studio-attribution{border-top:1px solid var(--studio-border);color:var(--muted-foreground);margin:24px 0 0;padding-top:16px;font-size:10px}.studio-controls .studio-preset-library{border-top:0;border-bottom:1px solid var(--studio-border);margin:0 0 18px;padding:0 0 10px}.studio-preset-library[open] summary{margin-bottom:8px}@media (max-width:760px){.binder-studio{padding:max(8px, var(--top-inset)) max(12px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));gap:10px}.studio-header{gap:6px;padding-bottom:8px}.studio-header button{padding:8px 10px}.studio-title{gap:12px}.studio-title h1{white-space:nowrap;font-size:20px}.studio-title p{display:none}.studio-title>div:last-child{min-width:0;max-width:52%}.studio-title label{gap:3px;font-size:10px}.studio-title select{width:100%;min-height:36px;padding:6px;font-size:12px}.studio-workspace{flex-direction:column;gap:10px;display:flex}.studio-preview{flex-shrink:0;grid-template-rows:minmax(0,1fr) auto auto;gap:4px}.studio-preview .studio-stage{height:clamp(120px,26dvh,250px)}.studio-views button{min-width:0;min-height:36px;padding:6px 12px}.studio-editor{flex:1}.studio-parts{scrollbar-width:none;padding:5px}.studio-parts button{min-height:36px;padding:8px 10px;font-size:11px}.studio-controls{padding:16px;scroll-padding-block:16px}.studio-controls input:not([type=color]):not([type=range]),.studio-controls select,.studio-controls textarea{font-size:16px}.studio-inspector-heading{padding-bottom:14px}.studio-controls h2{font-size:20px}.studio-save-status{font-size:11px}.studio-pagination button{min-height:36px;padding:4px 12px}}@media (max-height:500px) and (max-width:760px){.studio-title{display:none}.studio-preview .studio-stage{height:96px}.binder-studio{gap:6px}}@media (prefers-reduced-motion:reduce){.binder-studio button{transition:none}}.binder-studio .studio-colour-control{border-top:1px solid var(--studio-border);flex-direction:row;justify-content:space-between;align-items:center;gap:12px;margin-bottom:0;padding:12px 0}.studio-colour-value{align-items:center;gap:10px;display:flex}.studio-colour-value output{font-variant-numeric:tabular-nums;color:var(--muted-foreground);font-size:11px}.binder-studio .studio-colour-value input{cursor:pointer;border-radius:10px;width:36px;height:36px;min-height:36px;padding:3px}.binder-studio .studio-upload{border:1px dashed var(--studio-border);cursor:pointer;background:var(--background);border-radius:12px;flex-direction:row;justify-content:center;align-items:center;gap:8px;min-height:44px;margin-bottom:12px;position:relative}.studio-upload input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.studio-upload:focus-within{outline:2px solid var(--ring);outline-offset:3px}.binder-studio .studio-remove-artwork{width:100%;color:var(--muted-foreground);background:0 0}.studio-artwork-adjust .studio-crop{margin-bottom:16px}@media (hover:hover) and (pointer:fine){.studio-upload:hover,.studio-views button:hover{background:var(--accent)}}@media (max-width:760px){.studio-stage,.studio-editor{border-radius:20px}.studio-parts{padding:8px}}