.workspace-page{background:var(--paper)}.workspace-page .workspace-frame{background:var(--paper);border-inline:0;width:100%;min-height:100vh}.workspace-main{width:min(var(--page-width), calc(100% - 2 * var(--page-gutter)));margin:0 auto;padding:0 0 72px}.studio{box-shadow:none;background:0 0;border:0;border-radius:0;overflow:visible}.studio-intro{justify-content:space-between;align-items:end;gap:32px;padding:clamp(48px,7vw,82px) 0 36px;display:flex}.studio-intro h1{letter-spacing:-.045em;max-width:630px;margin-bottom:18px;font-size:clamp(2.8rem,5vw,4.4rem);font-weight:800;line-height:1.04}.studio-subtitle{max-width:560px;color:var(--ink-soft);margin-bottom:0;font-size:1rem;line-height:1.58}.studio-assurance{max-width:230px;color:var(--ink);align-items:center;gap:10px;padding:0;display:flex}.studio-assurance ph-lock-key{color:var(--success)}.studio-assurance span{color:var(--ink-faint);font-size:.76rem;line-height:1.4}.studio-assurance strong{color:var(--ink);font-size:.82rem;display:block}.studio-grid{grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);align-items:start;gap:16px;display:grid}.preview-panel,.controls-panel{border:1px solid #1a1b1a14;border-radius:26px;min-width:0}.preview-panel{background:var(--paper-bright);padding:24px}.controls-panel{background:#eee8de;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;padding:24px;display:grid}.panel-rail{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;height:50px;min-height:50px;margin-bottom:22px;padding-bottom:8px;display:flex}.panel-rail>div{align-items:center;gap:12px;display:flex}.panel-rail h2{letter-spacing:-.03em;margin:0;font-size:.94rem}.controls-rail-actions{align-items:center;gap:12px;display:flex}.controls-rail .icon-button{width:34px;height:34px;color:var(--ink);background:#fffdf8a3;border:1px solid #1a1b1a1f;border-radius:50%;justify-content:center;align-items:center;margin-right:4px;padding:0;line-height:0;display:inline-flex}.frame-counter{color:var(--ink-faint);font-size:.75rem}.preview-stage{aspect-ratio:1;background-color:#faf7f0;background-image:linear-gradient(45deg,#e7e0d7 25%,#0000 25% 75%,#e7e0d7 75%),linear-gradient(45deg,#e7e0d7 25%,#0000 25% 75%,#e7e0d7 75%);background-position:0 0,12px 12px;background-size:24px 24px;border-radius:14px;place-items:center;width:min(100%,420px);margin-inline:auto;display:grid;position:relative;overflow:hidden}.preview-stage[data-transparent=false]{background-color:#f3eee6;background-image:none}.preview-placeholder{z-index:1;object-fit:contain;opacity:.9;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.preview-placeholder[hidden]{display:none}#preview-canvas{z-index:2;border-radius:inherit;cursor:grab;touch-action:none;user-select:none;width:100%;max-width:none;height:100%;display:block;position:relative}#preview-canvas.is-dragging{cursor:grabbing}.preview-empty{z-index:3;color:var(--ink-faint);text-align:center;pointer-events:none;justify-items:center;gap:8px;display:grid;position:absolute}.preview-empty[hidden]{display:none}.preview-empty strong{color:var(--ink);font-size:.9rem}.preview-empty>span:last-child{font-size:.8rem}.empty-icon{border:1px solid var(--line-strong);background:var(--paper-bright);width:60px;height:60px;color:var(--ink);border-radius:50%;place-items:center;margin-bottom:5px;display:grid}.preview-toolbar{align-items:center;gap:12px;min-height:44px;margin-top:16px;display:flex}.upload-button{flex:none;position:relative}.upload-button input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.file-name{min-width:0;max-width:280px;color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.status-console{border:1px solid var(--line);background:#faf7f0;border-radius:12px;gap:10px;margin-top:16px;padding:13px 14px;display:grid}.status{min-width:0;color:var(--ink-soft);margin:0;font-size:.78rem}.status[data-tone=error]{color:var(--error)}.status[data-tone=success]{color:var(--success)}.progress-wrap{height:3px}progress{width:100%;height:3px;accent-color:var(--ink);border:0;display:block;overflow:hidden}progress::-webkit-progress-bar{background:var(--paper-deep)}progress::-webkit-progress-value{background:var(--ink)}.controls-rail{margin-bottom:22px}.control-section{border-bottom:1px solid #1a1b1a1a;padding:20px 0}.controls-rail,.form-actions{grid-column:1/-1}.control-section:nth-of-type(odd){border-right:1px solid #1a1b1a1a;padding-right:24px}.control-section:nth-of-type(3),.control-section:nth-of-type(4){border-right:0;grid-column:1/-1;padding-right:0}.control-heading{gap:4px;margin-bottom:18px;display:grid}.control-section:first-of-type .control-heading,.control-section:nth-of-type(2) .control-heading{min-height:54px}.control-heading h3{letter-spacing:-.02em;margin-bottom:4px;font-size:.88rem}.control-heading p{color:var(--ink-faint);margin-bottom:0;font-size:.76rem;line-height:1.45}.field-label{color:var(--ink-soft);gap:8px;font-size:.76rem;font-weight:690;display:grid}select,input[type=file]{border:1px solid var(--line-strong);background:var(--paper-bright);width:100%;min-height:42px;color:var(--ink);border-radius:10px;padding:9px 11px;font-size:.8rem}.controls-panel input[type=file]{color:#0000;min-width:0;padding:7px;font-size:.59rem}.controls-panel input[type=file]::file-selector-button{border:1px solid var(--line-strong);background:var(--paper-bright);color:var(--ink);font:inherit;border-radius:6px;margin-right:4px;padding:4px 6px}.range-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px;display:grid}.range-field,.dynamic-field{color:var(--ink-soft);gap:9px;font-size:.75rem;display:grid}.dynamic-field{gap:6px}.range-field>span,.dynamic-field>span{justify-content:space-between;gap:8px;display:flex}output{color:var(--ink);font-variant-numeric:tabular-nums;font-size:.72rem}input[type=range]{width:100%;accent-color:var(--ink)}.dynamic-controls-slot{height:72px;margin-top:14px;overflow:hidden}.dynamic-controls{box-sizing:border-box;border:1px solid var(--line);background:#fffdf89e;border-radius:12px;align-content:start;gap:8px;max-height:100%;padding:9px 10px;display:grid;overflow-y:auto}.dynamic-controls:empty{display:none}input[type=color]{border:1px solid var(--line-strong);background:var(--paper-bright);border-radius:10px;width:100%;height:42px;padding:4px;display:block}.check-field{color:var(--ink-soft);align-items:center;gap:9px;margin-top:14px;font-size:.78rem;display:flex}input[type=checkbox]{width:16px;height:16px;accent-color:var(--ink)}.background-mode{border:0;gap:8px;margin:18px 0 0;padding:0;display:grid}.background-mode[hidden],.background-option[hidden]{display:none}.background-mode legend{color:var(--ink-soft);margin-bottom:2px;font-size:.76rem;font-weight:690}.mode-choice{color:var(--ink-soft);align-items:center;gap:8px;font-size:.78rem;display:flex}input[type=radio]{width:15px;height:15px;accent-color:var(--ink)}.background-option{margin-top:14px}.filter-list{border:1px solid var(--line);background:#fffdf894;border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:hidden}.filter-row{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-width:0;min-height:38px;color:var(--ink-soft);grid-template-columns:18px minmax(0,1fr) minmax(58px,.75fr);align-items:center;gap:7px;padding:7px 9px;font-size:.73rem;display:grid}.filter-row:last-child{border-bottom:0}.filter-row input[type=range]{min-width:0}.filter-row input[type=range]{opacity:.3}.filter-row:has(input[type=checkbox]:checked) input[type=range]{opacity:1}.form-actions{background:0 0;gap:9px;padding-top:20px;display:grid}.studio-footer{border-top:1px solid #1a1b1a14;grid-template-columns:repeat(3,1fr);margin-top:16px;display:grid}.studio-footer span{color:var(--ink-faint);text-align:center;border-right:1px solid #1a1b1a14;padding:17px 12px;font-size:.75rem}.studio-footer span:last-child{border-right:0}.studio-footer strong{color:var(--ink)}.tool-seo-copy{border-top:1px solid #1a1b1a1a;margin-top:72px;padding-top:clamp(36px,5vw,56px)}.tool-seo-intro{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:clamp(28px,6vw,84px);display:grid}.tool-seo-intro h2{letter-spacing:-.07em;max-width:520px;margin:0;font-size:clamp(2rem,4vw,3rem);line-height:.95}.tool-seo-intro-copy{gap:14px;max-width:620px;display:grid}.tool-seo-copy p,.tool-seo-copy li,.tool-seo-copy dd{color:var(--ink-soft);font-size:.94rem;line-height:1.7}.tool-seo-copy p{margin-bottom:0}.tool-seo-facts{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:34px 0 0;display:grid}.tool-seo-facts>div{border:1px solid var(--line);background:#fffdf88a;border-radius:16px;min-width:0;padding:20px}.tool-seo-facts dt{color:var(--ink);letter-spacing:-.06em;margin-bottom:6px;font-size:clamp(1.65rem,3vw,2.35rem);font-weight:800;line-height:1}.tool-seo-facts dd{margin:0;font-size:.8rem;line-height:1.35}.tool-seo-block{margin-top:clamp(52px,7vw,82px)}.tool-seo-block-surface{border:1px solid var(--line);background:var(--paper-deep);border-radius:26px;padding:clamp(26px,4vw,42px)}.tool-seo-block-head{grid-template-columns:minmax(0,.9fr) minmax(280px,.65fr);align-items:end;gap:32px;margin-bottom:22px;display:grid}.tool-seo-block-head h2{letter-spacing:-.055em;max-width:640px;margin:0;font-size:clamp(1.55rem,3vw,2.25rem);line-height:1.02}.tool-seo-block-head p{justify-self:end;max-width:470px}.tool-seo-card-grid{gap:14px;display:grid}.tool-seo-card-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-seo-card-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-seo-card{border:1px solid var(--line);background:var(--paper-bright);border-radius:20px;min-width:0;padding:clamp(22px,3vw,30px)}.tool-seo-card-flat{background:#fffdf8ad}.tool-seo-card h3{letter-spacing:-.025em;margin-bottom:10px;font-size:1rem;line-height:1.25}.tool-seo-range-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:20px 0 0;padding:0;list-style:none;display:grid}.tool-seo-range-list li{border:1px solid var(--line);background:var(--paper-bright);border-radius:12px;gap:2px;padding:12px;font-size:.78rem;line-height:1.35;display:grid}.tool-seo-range-list strong{color:var(--ink)}.tool-seo-chip-list{flex-wrap:wrap;gap:7px;margin:20px 0 0;padding:0;list-style:none;display:flex}.tool-seo-chip-list li{border:1px solid var(--line);background:var(--paper-bright);color:var(--ink-soft);border-radius:999px;padding:6px 9px;font-size:.74rem;line-height:1.2}.tool-seo-copy a{color:var(--ink);font-weight:650}.tool-seo-note{max-width:760px;color:var(--ink-faint);margin:42px 0 0;font-size:.8rem;line-height:1.55}@media (width<=1100px){.workspace-main{width:calc(100% - 88px)}.preview-panel,.controls-panel{padding:22px}}@media (width<=980px){.studio-grid{grid-template-columns:1fr}.preview-panel{border-bottom:0}.controls-panel{gap:0 28px}.control-section:nth-of-type(odd){border-right:1px solid #1a1b1a1a;padding-right:28px}.control-section:nth-of-type(3),.control-section:nth-of-type(4){border-right:0;padding-right:0}.filter-list{grid-template-columns:repeat(2,minmax(0,1fr))}.form-actions{position:static}.tool-seo-intro{grid-template-columns:1fr}.tool-seo-intro-copy{max-width:720px}.tool-seo-facts,.tool-seo-card-grid-three{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-seo-card-grid-three .tool-seo-card:last-child{grid-column:1/-1}}@media (width<=680px){.workspace-main{width:auto;margin:0 18px;padding-bottom:42px}.studio-intro{flex-direction:column;align-items:flex-start;gap:24px;padding:56px 0 34px}.studio-intro h1{margin-bottom:14px;font-size:clamp(3.2rem,14vw,5rem)}.studio-subtitle{font-size:.94rem}.studio-assurance{max-width:none}.preview-panel,.controls-panel{border-radius:20px;padding:18px}.preview-stage{border-radius:13px}.preview-toolbar{flex-wrap:wrap;align-items:stretch}.upload-button{width:100%}.controls-panel{display:block}.control-section:nth-of-type(odd){border-right:0;padding-right:0}.filter-list{grid-template-columns:1fr;max-height:260px;overflow:auto}.filter-row{border-right:0;grid-template-columns:18px minmax(0,1fr) minmax(72px,.8fr)}.range-grid{gap:18px 12px}.filter-row{grid-template-columns:18px minmax(80px,1fr) minmax(70px,.7fr)}.studio-footer{grid-template-columns:1fr}.studio-footer span{border-bottom:1px solid #1a1b1a14;border-right:0}.studio-footer span:last-child{border-bottom:0}.tool-seo-copy{margin-top:52px;padding-top:28px}.tool-seo-intro{gap:20px}.tool-seo-intro h2{font-size:clamp(1.9rem,9vw,2.6rem)}.tool-seo-facts{gap:8px;margin-top:26px}.tool-seo-facts>div{padding:16px}.tool-seo-block{margin-top:52px}.tool-seo-block-surface{border-radius:22px;margin-inline:-6px;padding:22px}.tool-seo-block-head{grid-template-columns:1fr;gap:10px;margin-bottom:18px}.tool-seo-block-head p{justify-self:start}.tool-seo-card-grid-two,.tool-seo-card-grid-three{grid-template-columns:1fr}.tool-seo-card-grid-three .tool-seo-card:last-child{grid-column:auto}.tool-seo-card{border-radius:17px;padding:22px}.tool-seo-range-list{grid-template-columns:1fr}.tool-seo-note{margin-top:32px}}.workspace-page,.workspace-frame{background:var(--paper);color:var(--ink)}.workspace-frame{border-inline-color:var(--line)}.studio-intro p,.studio-assurance,.control-heading p,.field-label,.range-field,.dynamic-field,.check-field,.background-mode legend,.mode-choice,.tool-seo-copy p,.tool-seo-copy li,.tool-seo-copy dd{color:var(--ink-soft)}.preview-panel,.controls-panel{border-color:var(--line);border-radius:var(--radius-md)}.preview-panel{background:var(--paper-bright)}.controls-panel{background:var(--paper-deep)}.panel-rail,.control-section,.tool-seo-copy{border-color:var(--line)}.controls-rail .icon-button{border-color:var(--line-strong);color:var(--ink);background:#ffffff0a}.controls-rail .icon-button:hover{border-color:var(--ink);background:#ffffff17}.preview-stage{background-color:#d7d9d7;background-image:linear-gradient(45deg,#bfc2bf 25%,#0000 25% 75%,#bfc2bf 75%),linear-gradient(45deg,#bfc2bf 25%,#0000 25% 75%,#bfc2bf 75%)}.preview-stage[data-transparent=false]{background-color:#111312}.empty-icon,select,input[type=file],input[type=color],.controls-panel input[type=file]::file-selector-button,.dynamic-controls,.filter-list,.tool-seo-card,.tool-seo-range-list li,.tool-seo-chip-list li{border-color:var(--line-strong);background:var(--paper-bright);color:var(--ink)}select:hover,input[type=file]:hover{border-color:var(--ink)}.status-console{border-color:var(--line);background:var(--paper)}.filter-row{border-color:var(--line);color:var(--ink-soft)}.filter-row:has(input[type=checkbox]:checked){background:var(--ice);color:var(--ink)}.studio-footer,.studio-footer span{border-color:var(--line)}.tool-seo-facts>div,.tool-seo-card-flat{border-color:var(--line);background:#ffffff09}.tool-seo-block-surface{border-color:var(--line);background:var(--paper-deep)}