.studio-main{padding:35px 4.5vw 55px;max-width:1700px;margin:auto}.studio-heading{display:flex;justify-content:space-between;align-items:center;gap:35px;margin:0 0 34px}.studio-heading h1{font-family:Oswald,sans-serif;font-size:clamp(35px,4vw,62px);line-height:1.1;font-weight:500;letter-spacing:-1px;margin:15px 0 12px}.studio-heading p{font-size:13px;line-height:1.5;color:var(--muted);margin:0}.studio-edition{font-size:10px;letter-spacing:2px;line-height:1.8;white-space:nowrap}.studio-edition b{font-weight:400;color:var(--muted);font-size:8px}.studio-layout{display:grid;grid-template-columns:380px minmax(0,1fr);gap:26px;align-items:start}.settings{background:#faf9f3;border:1px solid var(--line)}.settings-tabs{display:flex;border-bottom:1px solid var(--line);background:var(--paper);position:sticky;top:0;z-index:2}.settings-tabs button{border:0;background:transparent;padding:18px 6px;flex:1;font-size:11px;white-space:nowrap}.settings-tabs button[aria-selected=true]{box-shadow:inset 0 -3px var(--ink);font-weight:bold}.settings-tabs button:hover{background:#e8ecd9}#settings-form{padding:0 22px;max-height:850px;overflow-y:auto;scrollbar-width:thin}.settings-section{border-bottom:1px solid var(--line);padding:23px 0}.settings-section:last-child{border-bottom:0}.settings-section h2{font-size:12px;line-height:1.5;margin:0 0 18px;font-weight:700}.settings-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px 12px}.form-field{display:flex;flex-direction:column;gap:8px;min-width:0}.form-field.full{grid-column:1/-1}.form-field>label{font-size:11px;line-height:1.4;color:#686d5e;display:flex;justify-content:space-between;gap:6px}.form-field output{font-size:10px;color:var(--ink)}.form-field input:not([type=checkbox]):not([type=color]):not([type=range]),.form-field select,.form-field textarea{width:100%;min-width:0;border:1px solid #d9dccf;border-radius:7px;padding:10px 11px;background:#fffefa;font-size:12px}.form-field input[type=color]{width:100%;height:39px;padding:5px;border:1px solid #d9dccf;border-radius:7px;background:#fffefa;cursor:pointer}.form-field input[type=range]{width:100%;accent-color:#687d14;height:29px}.form-field textarea{resize:vertical;min-height:66px}.form-field.checkbox{grid-column:1/-1;flex-direction:row;align-items:center;gap:9px}.form-field.checkbox input{accent-color:#7e921a;width:15px;height:15px;margin:0}.form-field.checkbox label{font-size:12px;color:var(--ink);line-height:1.4}.field-description,.settings-note{font-size:11px;line-height:1.6;color:var(--muted)}.settings-note{padding:15px 22px;border-top:1px solid var(--line);margin:0}.preset-buttons{display:flex;gap:6px;flex-wrap:wrap}.preset-buttons button{padding:8px 12px;background:var(--paper);border:1px solid #d9dccf;border-radius:30px;font-size:10px}.preset-buttons button:hover{background:var(--lime)}.settings .secondary-button,.settings .primary-button{width:100%;font-size:12px}.settings-statuses{display:flex;flex-direction:column;gap:8px;margin:16px 0 0}.connection-status{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 10px;background:#eeeee5;border-radius:5px;font-size:10px}.connection-status span:last-child{color:var(--muted);text-align:right}.connection-status[data-status=connected]{background:#e6efc8}.connection-status[data-status=error]{background:#f3dfd4}.settings-error{font-size:11px;color:#a64e2c;line-height:1.5}.preview-column{min-width:0;position:sticky;top:20px}.preview-panel{border-radius:14px;overflow:hidden;background:#252922;border:1px solid #30372a;color:#f5f3ea}.preview-toolbar{display:flex;align-items:center;gap:12px;padding:18px 22px;font-size:9px;letter-spacing:1.6px;border-bottom:1px solid #ffffff14}.preview-toolbar>span:last-child{margin-left:auto;color:#a9b09d;letter-spacing:.5px}.mode-chip{font-size:8px;background:#ffffff12;color:#c4cbb9;border-radius:20px;padding:5px 8px;letter-spacing:.5px}.mode-chip.live{background:#d3f628;color:#191b16}.preview-stage{height:610px;min-height:350px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:#1c211a;background-image:radial-gradient(ellipse at 25% 10%,#53614470,transparent 65%),linear-gradient(130deg,#242e20,#141813)}.preview-stage:before{content:'TREEZN';position:absolute;font-family:Oswald,sans-serif;letter-spacing:-4px;font-size:clamp(90px,14vw,210px);font-weight:700;color:#ffffff05;pointer-events:none}.preview-stage[data-bg=light]{background:#d9dfd0}.preview-stage[data-bg=checker]{background-color:#454941;background-image:linear-gradient(45deg,#383d35 25%,transparent 25%),linear-gradient(-45deg,#383d35 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#383d35 75%),linear-gradient(-45deg,transparent 75%,#383d35 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}#preview-frame{position:relative;flex:none}#preview-widget{position:absolute;left:0;top:0;transform-origin:top left}.preview-actions{display:flex;gap:12px;align-items:center;padding:16px 20px;border-top:1px solid #ffffff14;flex-wrap:wrap}.preview-backgrounds{display:flex;gap:7px;margin-right:auto}.preview-backgrounds button{border:1px solid #ffffff50;width:20px;height:20px;border-radius:50%;background:#1c211a;padding:0}.preview-backgrounds button[data-backdrop=light]{background:#d9dfd0}.preview-backgrounds button[data-backdrop=checker]{background:linear-gradient(45deg,#777 50%,#aaa 50%)}.preview-backgrounds button.selected{outline:2px solid var(--lime);outline-offset:3px}.mini-button{background:transparent;border:0;color:#c5cdbb;font-size:10px;padding:5px 0}.mini-button:hover{color:var(--lime)}.export-panel{padding:27px 0 0}.export-panel h2{font-family:Oswald,sans-serif;font-weight:500;font-size:32px;letter-spacing:-.5px;margin:10px 0}.export-panel>p{font-size:12px;line-height:1.6;color:var(--muted);max-width:550px}.export-panel>input{width:100%;border:1px solid #d9dccf;border-radius:7px;background:#fdfcf7;padding:13px 15px;font-size:10px;color:#7d8274;text-overflow:ellipsis}.export-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:15px}.export-actions>a{font-size:11px}.export-panel p.status-note{color:#62720c;min-height:18px;margin:10px 0 0}.export-panel p.local-notice{font-size:10px;margin-top:8px}.voice-filters{display:grid;grid-template-columns:1fr 1fr;gap:10px}.voice-search{grid-column:1/-1}.voice-results{display:flex;flex-direction:column;gap:8px;max-height:350px;overflow-y:auto;margin-top:15px;scrollbar-width:thin}.voice-row{border:1px solid #d9dccf;border-radius:7px;display:grid;grid-template-columns:1fr 30px;gap:5px;align-items:center;background:#fffefa;padding:9px 10px}.voice-row.selected{border-color:#7b8f20;background:#eef3d9}.voice-select{border:0;background:transparent;padding:0;text-align:left;min-width:0}.voice-select strong{display:block;font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis}.voice-select small{display:block;font-size:9px;color:var(--muted);margin-top:4px}.voice-play{border:1px solid #d9dccf;background:var(--paper);border-radius:50%;width:28px;height:28px;font-size:10px;display:grid;place-items:center}.voice-play:hover{background:var(--lime)}.voice-selected{font-size:11px;margin-top:15px;line-height:1.5}.voice-count{font-size:10px;color:var(--muted);margin:12px 0}.voice-audio{width:100%;height:35px;margin-top:12px}
@media(min-width:1500px){.studio-layout{grid-template-columns:410px minmax(0,1fr)}.preview-stage{height:690px}}@media(max-width:1100px){.studio-layout{grid-template-columns:330px minmax(0,1fr);gap:18px}#settings-form{padding:0 17px}.preview-stage{height:570px}.settings-tabs button{font-size:10px}.studio-edition{display:none}.preview-actions{padding:14px;gap:10px}}
@media(max-width:800px){.studio-layout{grid-template-columns:1fr}.preview-column{position:static}.settings{order:2}.preview-column{order:1}.studio-heading h1{font-size:43px}.studio-heading{margin-bottom:25px}.studio-heading p{font-size:12px}.preview-stage{height:470px}#settings-form{max-height:none}.settings-tabs{position:static}.settings-fields{grid-template-columns:1fr 1fr}.export-panel{padding-bottom:20px}.studio-main{padding:30px 5vw}.preview-toolbar{padding:15px}.preview-actions{gap:12px}.settings-tabs button{font-size:11px;padding:17px 8px}.settings-section{padding:23px 0}}
#preview-frame{outline:1px dashed #d3f62888;box-shadow:0 0 0 1px #1114}
.measure-width,.measure-height{position:absolute;color:#d3f628;font-size:9px;letter-spacing:.5px;white-space:nowrap;pointer-events:none;z-index:2}
.measure-width{top:-27px;left:0;width:100%;border-bottom:1px solid #d3f62866;padding-bottom:6px;text-align:center}
.measure-height{left:-30px;top:0;height:100%;border-right:1px solid #d3f62866;padding-right:7px;writing-mode:vertical-rl;text-align:center;transform:rotate(180deg)}
.preview-measure{margin:0;padding:12px 20px;font-size:10px;line-height:1.5;color:#b7c1a6;border-top:1px solid #ffffff14}
#preview-size{margin-left:auto;color:#a9b09d}
#preview-native{border:1px solid #ffffff40;border-radius:5px;padding:5px 10px;min-width:42px;color:var(--lime)}
.preview-stage.native{display:block;overflow:auto;padding:40px;scrollbar-width:thin}
.preview-stage.native #preview-frame{margin:0}
.size-help{font-size:11px!important}
.resize-handle{position:absolute;z-index:4;padding:0;border:0;background:transparent;touch-action:none}.resize-handle:after{content:'';position:absolute;background:var(--lime);border:2px solid #29311c;border-radius:3px;box-shadow:0 0 0 1px #d3f62877}.resize-n,.resize-s{height:20px;left:12px;right:12px;cursor:ns-resize}.resize-n{top:-10px}.resize-s{bottom:-10px}.resize-e,.resize-w{width:20px;top:12px;bottom:12px;cursor:ew-resize}.resize-e{right:-10px}.resize-w{left:-10px}.resize-n:after,.resize-s:after{width:30px;height:8px;left:50%;top:6px;transform:translateX(-50%)}.resize-e:after,.resize-w:after{height:30px;width:8px;top:50%;left:6px;transform:translateY(-50%)}.resize-nw,.resize-ne,.resize-sw,.resize-se{width:24px;height:24px}.resize-nw,.resize-se{cursor:nwse-resize}.resize-ne,.resize-sw{cursor:nesw-resize}.resize-nw,.resize-ne{top:-12px}.resize-sw,.resize-se{bottom:-12px}.resize-nw,.resize-sw{left:-12px}.resize-ne,.resize-se{right:-12px}.resize-nw:after,.resize-ne:after,.resize-sw:after,.resize-se:after{inset:6px}.resize-handle:hover:after,.resize-handle:focus-visible:after{background:#fff;box-shadow:0 0 0 2px var(--lime)}.preview-stage.resizing #preview-frame{position:absolute;margin:0}.preview-stage.resizing{user-select:none}.preview-resize-hint{font-size:11px;color:#c2cbb2;margin:0;padding:0 20px 14px;line-height:1.5}

.reader-export{margin-top:26px;padding-top:22px;border-top:1px solid var(--line)}.reader-export h3{font:500 24px Oswald,sans-serif;margin:0 0 10px}.reader-export p{font-size:12px;line-height:1.6;color:var(--muted)}.reader-export>input{width:100%;border:1px solid #d9dccf;border-radius:7px;background:#fdfcf7;padding:13px 15px;font-size:10px;color:#7d8274;text-overflow:ellipsis}.reader-export .secondary-button{font-size:12px}