/* 01 — Studio: tipografia monumental + demonstração de software. */
.studio{--accent:#fa713a;--on-accent:#17120f;--line:#303030;--muted:#aaa9a6;background:#111211;color:#f6f4ee}.studio .top{border-bottom:1px solid var(--line)}.studio-hero{padding:55px 5vw 0}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-right:12px;box-shadow:0 0 18px #fa713a88}.studio h1{font-size:clamp(60px,7.8vw,120px);margin:32px 0 38px;max-width:1250px}.studio h1 em{font-style:normal;color:var(--accent)}.studio-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:35px;margin-bottom:60px}.studio-intro>p{max-width:390px;color:var(--muted);font-size:15px}.studio-stage{background:#1a1b1a;border:1px solid #353630;border-radius:10px;padding:24px 24px 0;position:relative;overflow:hidden}.stage-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:3px 0 23px}.stage-top p{font-size:18px;letter-spacing:-.5px;margin-top:6px}.editor-window{display:grid;grid-template-columns:47px minmax(0,1fr) 170px;border:1px solid #3e3e39;border-radius:7px;overflow:hidden;background:#252623}.editor-rail{display:flex;align-items:center;gap:26px;padding:16px 0;flex-direction:column;color:#b0b1a8;border-right:1px solid #3d3e37;font-size:20px}.editor-rail b{color:var(--accent)}.editor-main{min-width:0}.editor-toolbar{display:flex;justify-content:space-between;gap:10px;padding:15px 20px;font:10px Consolas,monospace;color:#b0b1a8;border-bottom:1px solid #3d3e37}.tiny-dot{display:inline-block;background:#9baa88;width:5px;height:5px;border-radius:50%;margin-right:7px}.editor-art{--paper:#e1ddcf;--ink:#39342b;--art:#6b765a;background:var(--paper);color:var(--ink);padding:24px;min-height:335px}.editor-art[data-tone=studio]{--paper:#d9eb6f;--ink:#212624;--art:#416044}.editor-art[data-tone=beauty]{--paper:#e0cacf;--ink:#493647;--art:#af787e}.example-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;border-bottom:1px solid #39342b40;padding-bottom:17px}.example-body{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center;padding-top:27px}.example-body h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(24px,3.7vw,52px);line-height:1.06;letter-spacing:-2px;margin:20px 0 12px;white-space:pre-line}.example-body p{font-size:11px}.example-action{display:inline-block;font-size:11px;background:var(--ink);color:var(--paper);padding:10px 16px;margin-top:20px;border-radius:2px}.sculpture{height:245px;position:relative;background:var(--art);border-radius:2px;overflow:hidden;transition:background .35s}.sculpture::before{content:"";width:170px;height:170px;border-radius:50%;background:#ffffff17;position:absolute;top:-70px;right:-45px}.cup{position:absolute;width:108px;height:105px;border-radius:8px 8px 48px 48px;background:linear-gradient(110deg,#ece7d6,#b4ab88);left:50%;top:55%;transform:translate(-50%,-50%) rotate(-8deg);box-shadow:0 22px 22px #0003;z-index:2}.cup::before{content:"";position:absolute;right:-35px;top:10px;width:46px;height:58px;border:13px solid #c6bfa8;border-radius:50%;z-index:-1}.cup span{position:absolute;top:-6px;left:0;width:108px;height:22px;border-radius:50%;background:radial-gradient(ellipse,#5f3920 48%,#b1a686 52%,#e0dac7 63%)}.disc{position:absolute;bottom:24px;left:50%;width:190px;height:35px;border-radius:50%;background:#313d26;transform:translateX(-50%);filter:blur(1px)}.sculpture-label{position:absolute;left:16px;top:16px;font:9px/1.4 Consolas,monospace;color:#f4edda}.editor-art[data-tone=studio] .cup{border-radius:4px;width:95px;background:linear-gradient(110deg,#303831,#5d6f60)}.editor-art[data-tone=studio] .cup::before{border-radius:2px;border-color:#27352c}.editor-art[data-tone=beauty] .cup{border-radius:12px 12px 35px 35px;background:linear-gradient(110deg,#f8d9c9,#c99b91)}.editor-settings{padding:20px 16px;border-left:1px solid #3d3e37}.editor-settings b{display:block;font-size:12px;margin:14px 0 20px}.setting-line{font-size:10px;display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #41413b}.swatches{display:flex;gap:9px;margin-top:20px}.swatches i{width:24px;height:24px;border-radius:50%;background:#e1ddcf}.swatches i:nth-child(2){background:#6b765a}.swatches i:nth-child(3){background:#39342b}.editor-settings p{font-size:10px;color:#b0b1a8;margin-top:35px}.studio-caption{padding:20px 0;display:flex;justify-content:space-between;gap:15px;font:10px Consolas,monospace;color:var(--muted)}.studio .section .eyebrow{margin-bottom:23px;color:var(--accent)}.studio-closing{border-top:1px solid var(--line);display:flex;flex-direction:column;align-items:flex-start;gap:30px;background:radial-gradient(ellipse at 100% 100%,#fa713a17,transparent 55%)}

@media(min-width:1500px){.studio-hero,.studio .section{max-width:1600px;margin:auto}}
@media(max-width:1000px){.editor-settings{display:none}.editor-window{grid-template-columns:42px minmax(0,1fr)}.studio-intro{gap:24px}.studio-intro>p{max-width:320px}.studio-intro .button{padding:15px}}
@media(max-width:700px){.studio-hero{padding:35px 6vw 0}.studio h1{font-size:clamp(46px,9vw,64px);letter-spacing:-3px;margin:24px 0}.studio-intro{display:block;margin-bottom:35px}.studio-intro>p{max-width:none;font-size:14px;margin-bottom:24px}.studio-intro .button{font-size:12px;gap:12px}.studio-stage{padding:17px 12px 0}.stage-top{display:block;padding-bottom:15px}.stage-top p{font-size:16px}.stage-top .demo-tabs{margin-top:15px;gap:6px}.studio .demo-tabs button{padding:10px 11px;font-size:11px}.editor-rail{display:none}.editor-window{display:block}.editor-toolbar{padding:12px;font-size:8px}.editor-toolbar>span:nth-child(2){max-width:110px}.editor-art{padding:16px;min-height:0}.example-body{gap:12px;padding-top:20px}.example-body h2{font-size:27px;letter-spacing:-1.3px;margin:14px 0 10px}.example-top{font-size:10px}.example-body .demo-chip{font-size:7px;padding:5px}.example-body p{font-size:8px}.example-action{font-size:9px;padding:8px 10px;margin-top:14px}.sculpture{height:174px}.cup{width:68px;height:69px}.cup span{width:68px;height:15px}.cup::before{width:32px;height:37px;border-width:9px;right:-24px}.disc{width:109px;height:25px;bottom:24px}.sculpture-label{font-size:7px;left:10px;top:10px}.editor-art[data-tone=studio] .cup{width:68px}.studio-caption{font-size:8px;line-height:1.4;gap:10px}.studio-caption span:last-child{text-align:right}.studio .section h2{letter-spacing:-1px}}
@media(max-width:360px){body.studio h1{font-size:40px;letter-spacing:-2px}}

.studio .hint a,.studio .section-note a,.studio details a,.studio .trust a,.studio .guide a{ text-decoration:underline;text-underline-offset:4px }
.studio .section-note{max-width:780px;margin-top:28px;font-size:15px;color:var(--muted)}
.studio .trust{border-top:1px solid var(--line)}.studio .trust>p{max-width:760px;margin:26px 0;color:var(--muted)}
.studio .guide{max-width:1100px;margin:auto}.studio .guide h1{font-size:clamp(40px,5vw,74px);max-width:950px;line-height:1.08}
.studio .guide h2{font-size:clamp(27px,3vw,38px);margin:40px 0 16px;letter-spacing:-1px}.studio .guide p,.studio .guide li{max-width:800px;color:var(--muted);line-height:1.7}
.studio .guide ol,.studio .guide ul{padding-left:24px}.studio .guide li{margin:14px 0}.studio .guide .lead{font-size:18px}.studio .guide .updated{font-size:12px;margin-top:26px}.studio .guide .actions{margin-top:30px}

/* Exemplos distintos por segmento: composição, tipografia e objeto próprios. */
.fitness-art,.beauty-art{display:none}.example-copy{min-width:0}
.editor-art[data-tone=cafe]{--paper:#eee5d3;--ink:#443224;--art:#7b553d}
.editor-art[data-tone=cafe] .example-top b{font-family:Georgia,serif;font-size:16px}
.editor-art[data-tone=cafe] .sculpture{border-radius:110px 110px 8px 8px}
.editor-art[data-tone=cafe] .sculpture-label{top:auto;bottom:12px;left:0;width:100%;text-align:center;font-size:8px}
.editor-art[data-tone=cafe] .disc{bottom:32px;background:#513722}
.editor-art[data-tone=studio]{--paper:#19231e;--ink:#edffb1;--art:#c3ef65;padding:24px}
.editor-art[data-tone=studio] .example-top{border-color:#edffb133}.editor-art[data-tone=studio] .example-top b{font-weight:900;letter-spacing:2px;text-transform:uppercase}
.editor-art[data-tone=studio] .example-body{grid-template-columns:1.1fr .9fr;gap:12px}
.editor-art[data-tone=studio] .example-body h2{font-family:Arial,sans-serif;font-weight:900;font-style:italic;text-transform:uppercase;font-size:clamp(24px,3.5vw,48px);letter-spacing:-1.5px}
.editor-art[data-tone=studio] .demo-chip{background:#edffb115;border-color:#edffb144;color:#edffb1}
.editor-art[data-tone=studio] .example-action{background:#c3ef65;color:#19231e;border-radius:24px;font-weight:700}
.editor-art[data-tone=studio] .sculpture{background:var(--art);border-radius:0;transform:rotate(-3deg);overflow:hidden}
.editor-art[data-tone=studio] .cup,.editor-art[data-tone=studio] .disc,.editor-art[data-tone=beauty] .cup,.editor-art[data-tone=beauty] .disc{display:none}
.editor-art[data-tone=studio] .fitness-art{display:block;position:absolute;inset:0}
.fitness-art>span{position:absolute;left:14px;bottom:14px;font:900 clamp(24px,3vw,40px)/1 Arial,sans-serif;color:#19231e;letter-spacing:-2px}
.weight-bar{position:absolute;left:17%;top:47%;width:66%;height:18px;background:linear-gradient(#a6b4a9,#e9eee9,#7b8f80);transform:rotate(-25deg);box-shadow:0 15px 20px #0003}
.weight{position:absolute;top:32%;width:36px;height:88px;background:linear-gradient(90deg,#15251d,#405347,#14231b);border:3px solid #15251d;border-radius:8px;transform:rotate(-25deg);box-shadow:8px 12px 16px #0003}
.weight.left{left:18%;top:38%}.weight.right{right:18%;top:22%}
.editor-art[data-tone=studio] .sculpture-label{color:#19231e;font-size:7px;top:12px;left:12px;max-width:130px;letter-spacing:1px}
.editor-art[data-tone=beauty]{--paper:#fbf4f0;--ink:#6c3b47;--art:#e9cbd1}
.editor-art[data-tone=beauty] .example-top{border-color:#6c3b4726}.editor-art[data-tone=beauty] .example-top b{font-family:Georgia,serif;font-style:italic;font-size:17px;font-weight:400}
.editor-art[data-tone=beauty] .example-body{grid-template-columns:.9fr 1.1fr;gap:24px}.editor-art[data-tone=beauty] .example-copy{grid-column:2;grid-row:1;text-align:center}
.editor-art[data-tone=beauty] .example-body h2{font-size:clamp(24px,3.3vw,44px);font-style:italic;letter-spacing:-1.4px}
.editor-art[data-tone=beauty] .demo-chip{background:transparent;border:0;letter-spacing:2px;color:#6c3b47}
.editor-art[data-tone=beauty] .example-action{background:transparent;color:#6c3b47;border-bottom:1px solid #6c3b47;border-radius:0;padding:7px 0}
.editor-art[data-tone=beauty] .sculpture{grid-column:1;grid-row:1;background:#ead1d6;border-radius:120px 120px 8px 8px}
.editor-art[data-tone=beauty] .beauty-art{display:block;position:absolute;inset:0}
.beauty-mirror{position:absolute;width:110px;height:155px;border:5px solid #b99770;border-radius:60px 60px 5px 5px;left:50%;top:32px;transform:translateX(-50%) rotate(8deg);background:linear-gradient(130deg,#fff8f0 5%,#c3b5b1 48%,#fdf4e7 85%);box-shadow:0 12px 22px #6c3b4722}
.beauty-bottle{position:absolute;width:56px;height:94px;left:30%;bottom:28px;border-radius:8px 8px 12px 12px;background:linear-gradient(90deg,#b07b54,#e1b689,#b98560);box-shadow:8px 8px 14px #6c3b4733}
.beauty-bottle>i{position:absolute;top:-20px;left:14px;width:28px;height:23px;border-radius:4px 4px 0 0;background:#5b3b35}.beauty-bottle>span{position:absolute;inset:34px 5px auto;background:#f4eadb;padding:8px 0;text-align:center;font:7px Georgia,serif;color:#6c3b47;letter-spacing:1px}
.beauty-leaf{position:absolute;width:44px;height:85px;right:18%;bottom:30px;background:#85977d;border-radius:100% 0 100% 0;transform:rotate(20deg)}
.editor-art[data-tone=beauty] .sculpture-label{top:auto;bottom:10px;left:0;width:100%;color:#6c3b47;text-align:center;font-size:7px}
@media(max-width:700px){
 .editor-art[data-tone=studio]{padding:16px}.editor-art[data-tone=studio] .example-body h2{font-size:25px;letter-spacing:-1px}
 .editor-art[data-tone=beauty] .example-body{gap:12px}.editor-art[data-tone=beauty] .example-body h2{font-size:25px;letter-spacing:-1px}
 .editor-art[data-tone=cafe] .example-top b,.editor-art[data-tone=beauty] .example-top b{font-size:12px}
 .weight{width:25px;height:63px;border-width:2px}.weight-bar{height:12px}.fitness-art>span{font-size:23px;left:9px;bottom:13px;letter-spacing:-1px}
 .editor-art[data-tone=studio] .sculpture-label{font-size:6px;left:9px;top:9px;max-width:100px}
 .beauty-mirror{width:73px;height:106px;top:17px;border-width:3px}.beauty-bottle{width:38px;height:66px;bottom:24px;left:20%}.beauty-bottle>i{width:20px;left:9px;height:16px;top:-14px}.beauty-bottle>span{top:23px;padding:5px 0;font-size:5px}.beauty-leaf{width:27px;height:57px;right:12%;bottom:25px}
 .editor-art[data-tone=beauty] .demo-chip{letter-spacing:1px}
}