:root{--paper:#fff;--surface:#fff;--soft:#f6f7f9;--ink:#17191e;--muted:#737782;--line:#e5e7ec;--accent:#315fe6;--selected:#eef3ff;--primary:#17191e;--on-primary:#fff;--viewer:#f3f4f7;--wine:var(--accent);--wine-soft:var(--selected);--teal:var(--accent);--teal-soft:var(--selected);--white:var(--surface);--success:#247759;--danger:#b42942;color-scheme:light;background:var(--paper);color:var(--ink)}
:root[data-theme=dark]{--paper:#000;--surface:#090909;--soft:#111;--ink:#f3f3f3;--muted:#989aa3;--line:#292929;--accent:#91afff;--selected:#101a30;--primary:#f4f4f4;--on-primary:#080808;--viewer:#030303;--success:#7cd3b1;--danger:#ff91a1;color-scheme:dark}
body{background:var(--paper);color:var(--ink)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-color:var(--accent)}.header{min-height:88px}.brand{font-size:23px;letter-spacing:-1px}.brand-symbol{background:var(--primary);color:var(--on-primary);font-family:inherit;font-weight:650;font-size:30px;width:38px;height:38px;border-radius:10px}.brand-symbol span{color:var(--on-primary);font-size:13px}.brand-sub{color:var(--muted);font-size:8px}.header nav{color:var(--muted)}.header-actions{display:flex;gap:10px;align-items:center}.theme-toggle{min-height:38px;padding:9px 13px;background:var(--soft);border:1px solid var(--line);color:var(--ink);border-radius:8px;font-size:12px;white-space:nowrap}.header-cta{background:var(--primary);color:var(--on-primary);border:0;border-radius:8px}.hero{padding:43px 0 32px}.eyebrow{color:var(--muted);font-size:9px;letter-spacing:1.6px}.eyebrow>span{display:none}h1{font-size:clamp(38px,4.1vw,58px);font-weight:620;line-height:1.07;letter-spacing:-2.7px}h1 em{font-family:inherit;font-style:normal;font-weight:450;color:var(--muted)}.hero-note{transform:none;padding-right:35px;gap:25px}.hero-star{font-family:inherit;font-size:82px;font-weight:200;color:var(--line)}.hero-note strong{font-family:inherit;font-size:22px;font-weight:500;letter-spacing:-.7px}.notice{background:var(--soft);border-color:var(--line);color:var(--muted)}.notice strong{color:var(--ink);font-weight:550}.notice-icon{border-color:var(--muted);font-style:normal;font-family:inherit}.notice button{color:var(--ink)}.purpose{margin:23px 0}.purpose-card{background:var(--surface);border-color:var(--line);border-radius:10px;padding:18px 22px}.purpose-card.selected,.purpose-card:last-child.selected{background:var(--soft);border-color:var(--ink)}.purpose-card small,.purpose-card:last-child small,.purpose-card b,.purpose-card:last-child b{color:var(--muted)}.purpose-icon,.portrait-icon{background:var(--surface);border-color:var(--line);color:var(--ink)}.purpose-card strong{font-size:15px;font-weight:550}.studio{background:var(--surface);border-radius:12px;box-shadow:none;grid-template-columns:214px minmax(0,1fr)}.tools{background:var(--surface);padding:25px 14px}.section-label>span:not(.spark){color:var(--muted);background:var(--soft);border:1px solid var(--line);padding:3px 5px}.group-label,.portrait-label{color:var(--muted)}.tool{border-radius:7px}.tool:hover{background:var(--soft)}.tool.active,.tool.portrait.active{background:var(--selected);border-color:transparent;color:var(--accent)}.tool-icon,.tool.portrait .tool-icon{background:var(--soft);color:var(--muted);border:1px solid var(--line)}.tool.active .tool-icon,.tool.portrait.active .tool-icon{background:transparent;border-color:var(--accent);color:var(--accent)}.tool.active .arrow{color:var(--accent)}.aside-note,.tool-badge{color:var(--muted)}.tool-badge{border-color:var(--line)}.workspace-heading h2{font-weight:550;letter-spacing:-.6px}.viewer{background:var(--viewer);color:var(--ink);border-color:var(--line)}.viewer-top,.viewer-bottom,.compare-control{background:var(--soft);border-color:var(--line)}.viewer-top{border-bottom:1px solid var(--line)}.viewer-bottom{border-top:1px solid var(--line)}.viewer-top button,.viewer-bottom button,.zoom-controls output{color:var(--muted)}.viewer-top button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 0 0 1px var(--line)}.viewport{background-image:radial-gradient(var(--line) .7px,transparent .7px);background-size:17px 17px}.empty-art{width:75px;height:67px;margin-bottom:22px}.art-frame{left:5px;top:9px;width:48px;height:48px;border:1px solid var(--muted);border-radius:8px;transform:rotate(-8deg);background:var(--surface)}.art-frame:before{display:none}.art-orbit{left:20px;top:2px;width:48px;height:48px;border:1px solid var(--ink);border-radius:8px;background:var(--soft);transform:rotate(8deg);clip-path:none}.art-orbit:after{content:'';position:absolute;left:9px;top:9px;width:27px;height:27px;border:1px solid var(--muted);border-radius:50%}.art-star{display:none}.art-corner{right:-5px;bottom:0;font-size:22px;color:var(--accent)}.empty>strong{font-size:18px;font-weight:500;letter-spacing:-.5px}.empty p{font-size:11px;color:var(--muted)}.empty-upload{background:var(--primary);color:var(--on-primary);font-size:11px;border-radius:6px}.empty>small{color:var(--muted);font-size:9px}.zoom-controls input,.compare-control input,.consent input{accent-color:var(--ink)}.view-actions #real-size{border-color:var(--line)}.divider{background:#fff}.divider>span{background:#fff;color:#17191e;border-color:#ccc}.preview-meta,.import-note,.editor-foot{color:var(--muted)}.outline{background:var(--surface);border-color:var(--line);color:var(--ink)}.download{background:var(--selected);color:var(--accent);border-color:var(--line)}.spark{color:var(--muted)}.dropzone{background:var(--soft);border-color:var(--line);color:var(--ink)}.dropzone:hover,.dropzone.dragover{background:var(--soft);border-color:var(--accent)}.upload-symbol{background:var(--surface);border:1px solid var(--line)}.dropzone>span:not(.upload-symbol),.dropzone small{color:var(--muted)}.resolutions button{background:var(--surface);border-color:var(--line);color:var(--ink)}.resolutions button.chosen{background:var(--soft);border-color:var(--ink);color:var(--ink)}.resolutions small{color:var(--muted)}.target-size{background:var(--soft);color:var(--muted)}.consent,.no-charge,.export-settings{color:var(--muted)}.primary{background:var(--primary);color:var(--on-primary);border-radius:7px}.primary:disabled{background:var(--soft);color:var(--muted);border:1px solid var(--line)}.editor-foot>span{color:var(--muted)}.how article>span{color:var(--muted)}.next-step h2{font-family:inherit;font-weight:500;font-size:26px;letter-spacing:-.9px}.footer-brand,.footer-brand b{color:var(--ink)}footer{color:var(--muted)}.footer-links{display:flex;gap:20px}dialog{background:var(--surface);color:var(--ink);border-color:var(--line);border-radius:13px}dialog h2{font-family:inherit;font-size:25px;font-weight:550;letter-spacing:-.8px}.dialog-note{background:var(--soft)}.dialog-close{color:var(--muted)}.toast{background:var(--primary);color:var(--on-primary);border:1px solid var(--line)}.skip{background:var(--surface)}
@media(max-width:1150px){.studio{grid-template-columns:195px minmax(0,1fr)}.tools{padding:23px 11px}.hero-note{padding-right:10px}.header nav{gap:16px}}
@media(max-width:950px){.header nav{display:none}.header-cta{display:block}.studio{grid-template-columns:185px minmax(0,1fr)}.hero-star{font-size:60px}.hero-note{gap:14px}.hero-note strong{font-size:19px}.purpose-card{padding:17px}}
@media(max-width:700px){.header{min-height:76px;gap:12px}.header-cta{display:none}.brand{font-size:21px}.brand-symbol{width:35px;height:35px;font-size:27px}.brand-sub{font-size:7px;letter-spacing:1.8px}.theme-toggle{font-size:11px;padding:9px 10px}.hero{padding:30px 0 25px}.hero h1{font-size:43px;letter-spacing:-2px}.purpose{margin:20px 0 17px}.purpose-card{padding:13px 10px}.purpose-card strong{font-size:12px}.studio{display:block}.tools{padding:19px 15px 15px}.tool.active,.tool.portrait.active{border-color:var(--accent)}.workspace-heading h2{font-size:21px}.footer-links{gap:14px;font-size:9px}}
