/* Shared editorial finishing layer. Workspace tools keep their own geometry. */
@font-face{font-family:AtolyeRaleway;src:url(fonts/raleway.ttf);font-weight:100 900;font-display:swap}
html[data-workshop]{--atl-font:AtolyeRaleway,Raleway,sans-serif;--atl-shadow:0 6px 24px #16281e0c;--atl-text-shadow:none;--atl-atmos-1:transparent;--atl-atmos-2:transparent;--atl-atmos-3:transparent}
html[data-workshop]:not([data-workshop=piksel])[data-atl-mod=gunduz]{--atl-bg:#f6f5f0;--atl-bg-2:#eeefe7;--atl-surface:#fffefa;--atl-surface-2:#eeefe7;--atl-glass:#fffefa;--atl-text:#293b34;--atl-text-2:#34483e;--atl-text-3:#596b5f;--atl-text-4:#657268;--atl-text-5:#657268;--atl-strong:#263b31;--atl-heading-sub:#637166;--atl-lede:#53665a;--atl-cyan:#246658;--atl-cyan-text:#246658;--atl-cyan-sub:#246658;--atl-cyan-ink:#fffefa;--atl-cyan-soft:#e1eae0;--atl-cyan-line:#95b3a2;--atl-line:#d9dfd5;--atl-line-2:#c6d0c4;--atl-stat-bg:#fffefa;--atl-field:#fffefa;--atl-fill:#e9eee5;--atl-chip:#f0f2e9;--atl-hover:#213a3010;--atl-seg-on:#293b34;--atl-seg-on-ink:#fffefa;--atl-press:#e8ede5}
html[data-workshop]:not([data-workshop=piksel])[data-atl-mod=gece]{--atl-bg:#1b2420;--atl-bg-2:#202d25;--atl-surface:#26322b;--atl-surface-2:#303d33;--atl-glass:#26322b;--atl-text:#f1f3e9;--atl-text-2:#dae1d6;--atl-text-3:#bbc8bc;--atl-text-4:#b1c2b1;--atl-text-5:#b1c2b1;--atl-strong:#fffdf3;--atl-heading-sub:#ced9ca;--atl-lede:#c5d3c4;--atl-cyan:#abd2b9;--atl-cyan-text:#abd2b9;--atl-cyan-sub:#abd2b9;--atl-cyan-ink:#183425;--atl-cyan-soft:#344b3b;--atl-cyan-line:#6c937b;--atl-line:#435245;--atl-line-2:#536b55;--atl-stat-bg:#29372d;--atl-field:#253328}
html[data-workshop] body{font-family:AtolyeRaleway,Raleway,sans-serif}html[data-workshop] button{font-family:AtolyeRaleway,Raleway,sans-serif}html[data-workshop] :is(button,a,input,summary):focus-visible{outline:3px solid var(--atl-cyan,#3c826b);outline-offset:3px}
html[data-workshop=ilkeler] body::before{display:none}html[data-workshop=ilkeler] .sayfa{max-width:1440px;padding:36px 40px;gap:28px}html[data-workshop=ilkeler] h1{text-transform:none}html[data-workshop=ilkeler] h1 b{font-weight:600;letter-spacing:-1.8px;font-size:clamp(32px,4vw,48px)}html[data-workshop=ilkeler] h1 span{font-size:10px;letter-spacing:2px;text-transform:uppercase;margin-bottom:12px}html[data-workshop=ilkeler] .lede{font-size:14px;line-height:1.8}html[data-workshop=ilkeler] :is(.panel,.kart,.sahne){box-shadow:none;border-radius:7px}html[data-workshop=ilkeler] :is(.ilke,.tur){min-height:44px;border-radius:5px}html[data-workshop=ilkeler] .panel h2{font-weight:600;letter-spacing:-1px}html[data-workshop=ilkeler] .stat{border-radius:5px}
html[data-workshop=studyo] .studio-page{background:var(--atl-bg);color:var(--atl-text)}html[data-workshop=studyo] :is(.mission-panel,.canvas-panel,.tool-panel,.game-status,.lesson-intro,.layout-entry){box-shadow:none;border-radius:8px}html[data-workshop=studyo] .studio-nav{margin-top:12px;margin-bottom:20px}html[data-workshop=studyo] .studio-nav>button{border-radius:6px;min-height:56px}html[data-workshop=studyo] .mission-heading h1{font-weight:600;letter-spacing:-1px}html[data-workshop=studyo] .game-status{border:1px solid var(--atl-line)}html[data-workshop=studyo] .tool-list button{min-height:44px}
html[data-workshop=perspektif]{--paper:#f6f5f0;--surface:#fffefa;--ink:#293b34;--muted:#637267;--line:#d9dfd5;--accent:#246658;--soft:#e9eee5;--shadow:none}html[data-workshop=perspektif][data-atl-mod=gece]{--paper:#1b2420;--surface:#26322b;--ink:#edf3e7;--muted:#bccbbb;--line:#465548;--accent:#a4d1b6;--soft:#314235}html[data-workshop=perspektif] .workshop{max-width:1600px;padding:28px 36px}html[data-workshop=perspektif] :is(.drawing-panel,.modes button){border-radius:7px;box-shadow:none}html[data-workshop=perspektif] .page-head h1{font-weight:600}html[data-workshop=perspektif] :is(.scene-picker button,.head-actions button,.zoom-buttons button){min-height:44px}
html[data-workshop=foto] .card{border-radius:10px;box-shadow:0 12px 42px #15251e20;backdrop-filter:none}html[data-workshop=foto] .hero h1{font-weight:600;letter-spacing:-1px;text-transform:none}html[data-workshop=foto] .hero h1 b{color:var(--atl-cyan-text)}html[data-workshop=foto] .lab{font-family:AtolyeRaleway,sans-serif;font-size:10px;font-weight:700;letter-spacing:1px}html[data-workshop=foto] .seg{padding:4px;border-radius:6px}html[data-workshop=foto] .seg button{border-radius:5px;min-height:34px}html[data-workshop=foto] .stat{border-radius:5px}html[data-workshop=foto] #controls-toggle{min-width:32px;min-height:32px}
/* Preserve the requested neutral Photoshop-like workspace. */
html[data-workshop=piksel] #menubar{font-family:AtolyeRaleway,sans-serif;border-bottom:1px solid #494949}html[data-workshop=piksel] #menubar button{font-weight:650}html[data-workshop=piksel] :is(.panel-title,.panel-heading){letter-spacing:1px}html[data-workshop=piksel] #options{border-bottom:1px solid #222}html[data-workshop=piksel] :is(button,input,select):focus-visible{outline-color:#b4d5c3}
@media(max-width:700px){html[data-workshop=ilkeler] .sayfa{padding:24px 16px}html[data-workshop=ilkeler] h1 b{font-size:34px}html[data-workshop=perspektif] .workshop{padding:20px 14px}html[data-workshop=ilkeler] .bas{gap:20px}html[data-workshop=foto] .seg button{min-height:40px}}
@media(prefers-reduced-motion:reduce){html[data-workshop] :is(button,a){transition:none!important}}

html[data-workshop=perspektif] .drawing-panel{align-self:start}html[data-workshop=perspektif] .scene{flex:none;height:clamp(340px,calc(100dvh - 345px),610px)}html[data-workshop=foto] .seg{flex-wrap:wrap}html[data-workshop=foto] .seg button{flex-shrink:0}
@media(max-width:700px){html[data-workshop=perspektif] .scene{height:390px}}
html[data-workshop=piksel] details:not([open])>.menu-dropdown{display:none}
@media(max-width:780px){html[data-workshop=piksel] #menus{flex-wrap:wrap;height:auto;max-width:100%}html[data-workshop=piksel] #menus details{height:auto}html[data-workshop=piksel] #menus summary{min-height:36px;padding:10px 8px}html[data-workshop=piksel] .menu-dropdown{position:fixed;left:8px;right:8px;top:112px;min-width:0;max-width:calc(100vw - 16px);max-height:calc(100dvh - 150px);overflow-y:auto}html[data-workshop=piksel] .menu-dropdown button{min-height:40px}}
html[data-workshop=foto]{--glass:var(--atl-surface);--line:var(--atl-line);--mute:var(--atl-text-3);--cyan:var(--atl-cyan);--radius:10px}
html[data-workshop=foto] .card{background:var(--atl-surface);color:var(--atl-text);border-color:var(--atl-line)}
html[data-workshop=foto] .brand h1{font-weight:600;text-transform:none;letter-spacing:-.8px}html[data-workshop=foto] .brand h1 b{color:var(--atl-cyan-text);font-weight:650}
html[data-workshop=foto] .lab{color:var(--atl-text-3)}html[data-workshop=foto] .seg button{color:var(--atl-text-2)}html[data-workshop=foto] .seg button.on{color:var(--atl-seg-on-ink);background:var(--atl-seg-on)}
/* Responsive controls follow the iframe width, including a wide sidebar beside it. */
html[data-workshop] :is(.page-head,.head-actions,.control-title,.capture-actions){min-width:0}
@media(max-width:860px){
 html[data-workshop=ilkeler] .liste:after{content:'Diğer ilkeler için yana kaydır →';display:block;padding:8px 3px 0;font-size:10px;color:var(--atl-text-3)}
 html[data-workshop=ilkeler] .liste nav{scrollbar-width:thin;scroll-padding:8px}
 html[data-workshop=studyo] .category-tabs [role=tablist]{display:flex;flex-wrap:wrap;height:auto;width:100%;max-width:100%;overflow:visible;gap:4px}
 html[data-workshop=studyo] .category-tabs [role=tab]{flex:0 0 auto;min-height:40px}
}
@media(max-width:420px){
 html[data-workshop=perspektif] .inspector{grid-template-columns:minmax(0,1fr)}
 html[data-workshop=perspektif] .inspector>*{grid-column:1!important;grid-row:auto}
 html[data-workshop=perspektif] .lesson{grid-template-columns:1fr}
 html[data-workshop=perspektif] .toggle{gap:12px}
 html[data-workshop=perspektif] .legend{gap:8px}
 html[data-workshop=studyo] .studio-nav>button{padding:10px 8px}
}
@media(min-width:480px) and (max-width:900px) and (max-height:500px){
 html[data-workshop=foto] .side{width:calc(50% - 24px);right:auto}
 html[data-workshop=foto] .side .stats{gap:4px}
 html[data-workshop=foto] .ctl:not(.dragged){left:auto;right:10px;top:10px;bottom:10px;width:calc(50% - 10px);max-height:calc(100dvh - 20px)}
 html[data-workshop=foto] .ctl:not(.dragged).collapsed{bottom:auto}
 html[data-workshop=foto] .camera-inspector:not(.dragged){left:12px;right:auto;top:auto;bottom:10px;width:calc(50% - 24px);max-height:max(80px,calc(100dvh - 190px))}
 html[data-workshop=foto] .capture-actions{flex-wrap:wrap}
 html[data-workshop=foto] #capture-preview-status{margin-left:0}
}