:root{--ui-bg: #14161a;--ui-panel: #1b1e24;--ui-panel-2: #23272f;--ui-line: #2e333c;--ui-text: #e4e7ec;--ui-text-2: #9aa2ae;--ui-accent: #6f9dd6;--ui-canvas: #33383f;--ui-ok: #7fc79a;--ui-warn: #d9b171;--ui-bad: #de8a8a;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--ui-bg);color:var(--ui-text);font:400 13px/1.5 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer}input,textarea,select{font:inherit}:focus-visible{outline:2px solid var(--ui-accent);outline-offset:2px}.studio{display:flex;flex-direction:column;height:100%}.topbar{display:flex;align-items:center;gap:20px;flex-shrink:0;height:48px;padding:0 14px;background:var(--ui-panel);border-bottom:1px solid var(--ui-line)}.brand{display:flex;align-items:center;gap:8px;font-weight:600}.brand .mark{width:14px;height:14px;border:2px solid var(--ui-accent);border-radius:2px}.brand .subject{color:var(--ui-text-2);font-weight:400;padding-left:8px;border-left:1px solid var(--ui-line)}.pages,.viewports,.tabs{display:flex;gap:2px}.viewports{margin-left:auto}.topbar button,.tabs button{background:transparent;border:1px solid transparent;border-radius:4px;color:var(--ui-text-2);padding:5px 10px}.topbar button:hover,.tabs button:hover{background:var(--ui-panel-2);color:var(--ui-text)}.topbar button.is-active,.tabs button.is-active{background:var(--ui-panel-2);border-color:var(--ui-line);color:var(--ui-text)}.topbar .reset{margin-left:10px;border-color:var(--ui-line)}.body{display:flex;flex:1;min-height:0}.sidebar{width:340px;flex-shrink:0;display:flex;flex-direction:column;background:var(--ui-panel);border-right:1px solid var(--ui-line);min-height:0}.tabs{padding:8px;border-bottom:1px solid var(--ui-line)}.tabs button{flex:1}.panel{overflow-y:auto;padding:14px}.panel h2{font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--ui-text-2);margin:22px 0 10px;padding-bottom:6px;border-bottom:1px solid var(--ui-line)}.panel h2:first-child{margin-top:0}.panel .note{color:var(--ui-text-2);font-size:12px;line-height:1.5;margin:12px 0 0;padding:9px 10px;background:var(--ui-panel-2);border-left:2px solid var(--ui-line);border-radius:0 3px 3px 0}.field{display:block;margin-bottom:11px}.field-label{display:flex;justify-content:space-between;gap:8px;margin-bottom:4px;color:var(--ui-text)}.field-hint{color:var(--ui-text-2);font-size:11px}.field input[type=text],.field textarea{width:100%;background:var(--ui-bg);border:1px solid var(--ui-line);border-radius:3px;color:var(--ui-text);padding:6px 8px;resize:vertical}.field input[type=text]:focus,.field textarea:focus{border-color:var(--ui-accent);outline:none}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.color-rows{display:grid;gap:3px}.color-row{display:grid;grid-template-columns:28px 1fr 84px;gap:9px;align-items:center;padding:3px 0}.color-row input[type=color]{width:28px;height:26px;padding:0;background:none;border:1px solid var(--ui-line);border-radius:3px;cursor:pointer}.color-row-label{color:var(--ui-text);font-size:12px}.color-row-hex{width:100%;box-sizing:border-box;background:var(--ui-bg);border:1px solid var(--ui-line);border-radius:3px;color:var(--ui-text-2);padding:5px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.color-row-hex:focus{border-color:var(--ui-accent);color:var(--ui-text);outline:none}.slider{display:flex;align-items:center;gap:10px}.slider input[type=range]{flex:1;accent-color:var(--ui-accent)}.slider output{min-width:56px;text-align:right;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:var(--ui-text-2);font-variant-numeric:tabular-nums}.choice{display:flex;gap:2px}.choice button{flex:1;background:var(--ui-bg);border:1px solid var(--ui-line);border-radius:3px;color:var(--ui-text-2);padding:5px 8px}.choice button.is-active{background:var(--ui-accent);border-color:var(--ui-accent);color:#10131a;font-weight:600}.toggle{display:flex;align-items:center;gap:8px;margin-bottom:11px;cursor:pointer}.toggle input{accent-color:var(--ui-accent);width:15px;height:15px}.row-item{padding:10px;margin-bottom:10px;background:var(--ui-panel-2);border:1px solid var(--ui-line);border-radius:4px}.row-item .field:last-child{margin-bottom:0}.readability{margin-top:12px}.readability-rows{display:grid;gap:4px}.readability-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;padding:5px 8px;border-radius:3px;background:var(--ui-panel-2);font-size:12px}.readability-row>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.readability-row em{font-style:normal;font-size:11px;white-space:nowrap}.readability-row em.ok{color:var(--ui-ok)}.readability-row em.warn{color:var(--ui-warn)}.readability-row em.bad{color:var(--ui-bad)}.readability-row.is-problem{box-shadow:inset 2px 0 0 var(--ui-warn)}.readability-row .fix{padding:2px 9px;white-space:nowrap;font-size:11px;border:1px solid var(--ui-line);border-radius:3px;background:var(--ui-bg);color:var(--ui-text);cursor:pointer}.readability-row .fix:hover{border-color:var(--ui-accent);color:var(--ui-accent)}.readability-row.is-problem.bad{box-shadow:inset 2px 0 0 var(--ui-bad)}.readability-ok>summary{list-style:none;cursor:pointer;padding:5px 8px;border-radius:3px;background:var(--ui-panel-2);font-size:12px;color:var(--ui-ok);-webkit-user-select:none;user-select:none}.readability-ok>summary::-webkit-details-marker{display:none}.readability-ok>summary:after{content:" ›";opacity:.6}.readability-ok[open]>summary{margin-bottom:4px}.readability-ok[open]>summary:after{content:" ⌄"}button.primary{width:100%;background:var(--ui-accent);border:0;border-radius:4px;color:#10131a;font-weight:600;padding:9px;margin-top:12px}.command,.json{background:var(--ui-bg);border:1px solid var(--ui-line);border-radius:3px;padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;overflow-x:auto}.json{max-height:320px;overflow-y:auto}details summary{cursor:pointer;color:var(--ui-text-2);margin:14px 0 8px}.canvas{flex:1;min-width:0;background:var(--ui-canvas);padding:16px;overflow:auto;display:flex;justify-content:center;align-items:flex-start}.preview{width:100%;display:flex;justify-content:center}.preview-stage{height:calc(100vh - 80px);background:#fff;border-radius:4px;overflow:hidden;box-shadow:0 10px 40px #00000059;transition:width .22s cubic-bezier(.22,.75,.18,1)}.preview-stage iframe{width:100%;height:100%;border:0;display:block}@media(prefers-reduced-motion:reduce){.preview-stage{transition:none}}.kv{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid var(--ui-line)}.kv span{color:var(--ui-text-2)}.hash{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.versions{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:6px}.versions li{display:grid;gap:2px;padding:8px 10px;background:var(--ui-panel-2);border-left:2px solid var(--ui-accent);border-radius:0 3px 3px 0}.versions span{color:var(--ui-text-2);font-size:12px}.panel button:not(.primary){width:100%;margin-top:8px;padding:8px;background:var(--ui-panel-2);border:1px solid var(--ui-line);border-radius:4px;color:var(--ui-text)}.panel button:not(.primary):hover{border-color:var(--ui-accent)}.panel button:disabled{opacity:.45;cursor:not-allowed}.status{margin-top:12px;padding:8px 10px;border-radius:3px;font-size:12px}.status.busy{background:var(--ui-panel-2);color:var(--ui-text-2)}.status.done{background:#7fc79a1f;color:var(--ui-ok)}.status.error{background:#de8a8a1f;color:var(--ui-bad)}.consent{display:flex;gap:8px;align-items:flex-start;margin:12px 0;font-size:12px;line-height:1.5;color:var(--panel-muted, #9a9a94)}.consent input{margin-top:2px;flex:none}.consent a{color:inherit;text-decoration:underline}button.primary:disabled{opacity:.45;cursor:not-allowed}.legal-links{margin:8px 0 0;font-size:11px;color:var(--panel-muted, #9a9a94)}.legal-links a{color:inherit;text-decoration:underline}.buyer-field{display:block;margin:10px 0;font-size:12px}.buyer-field>span{display:block;margin-bottom:4px;color:var(--panel-muted, #9a9a94)}.buyer-field select,.buyer-field input{width:100%;box-sizing:border-box}.buyer-field small{display:block;margin-top:4px;color:var(--panel-muted, #9a9a94);line-height:1.45}.account-button{margin-left:12px}.tabs-account{display:flex;align-items:center;gap:10px}.tabs-account>span{font-weight:600}.tabs-account .back{font-size:11px}.section{border-bottom:1px solid var(--ui-line, #2a2c2a)}.section:last-of-type{border-bottom:0}.section>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;padding:11px 2px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--panel-muted, #9a9a94);-webkit-user-select:none;user-select:none}.section>summary::-webkit-details-marker{display:none}.section>summary:before{content:"";width:0;height:0;flex:none;border-left:4px solid currentColor;border-top:3.5px solid transparent;border-bottom:3.5px solid transparent;transition:transform .12s ease}.section[open]>summary:before{transform:rotate(90deg)}.section>summary:hover{color:var(--ui-fg, #e8e8e4)}.section-body{padding:2px 0 14px}.font-picker{margin-bottom:14px}.font-picker select,.font-picker .font-custom{width:100%;box-sizing:border-box;background:var(--ui-bg);border:1px solid var(--ui-line);border-radius:3px;color:var(--ui-text);padding:6px 8px;font-size:12px}.font-picker .font-custom{margin-top:5px;font-size:11px}.font-picker select:focus,.font-picker .font-custom:focus{border-color:var(--ui-accent);outline:none}.font-preview{margin:7px 0 0;padding:9px 10px;border-radius:3px;background:var(--ui-panel-2);color:var(--ui-text);font-size:17px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.choice-wrap{display:block}.choice-hint{display:block;margin-top:5px;font-size:11px;line-height:1.45;color:var(--ui-text-2)}