/* UX pass: clearer feedback and accessible controls; renderer styling is retained. */
:root{--muted:#606954}
.sidebar-heading h1{font-size:23px;letter-spacing:-.6px}.sidebar-heading p{font-size:13px;color:#606954;margin-bottom:18px}
.eyebrow,.step,.brand-sub{color:#606954}.eyebrow{font-size:10px}
.section-title h2{font-size:15px}.section-title{flex-wrap:wrap}.finish-title strong{font-size:13px}.finish-title{gap:10px}
.finish-title>div{flex-wrap:wrap}.file-info strong{font-size:12px}.file-info div span,.page-row>span{font-size:11px;color:#606954}.file-icon,code{font-size:10px;color:#606954}
.upload strong{font-size:14px}.upload>span:not(.upload-icon),.upload small{font-size:12px;color:#606954}.upload u{color:#405132}
.text-button{font-size:12px;color:#526145;min-height:44px;padding:8px 4px}.button,.view-tabs button,.segmented button,.stage-controls button{min-height:44px}
.button,.view-tabs button,.segmented button{font-size:12px}.view-tabs button,.segmented button{color:#526145}
.account-link{display:inline-flex;align-items:center;min-height:44px;color:#526145}.header-right{flex-wrap:wrap}
button:disabled{cursor:not-allowed}.close{min-width:44px;min-height:44px;right:5px;top:5px;color:#526145}
.switch{appearance:none;width:44px;height:44px;background:transparent;border-radius:6px;isolation:isolate}.switch:checked{background:transparent}
.switch:after{content:'';position:absolute;inset:10px 2px;background:#8c9484;border-radius:20px;z-index:-1}.switch:checked:after{background:#526145}
.switch:before{width:18px;height:18px;top:13px;left:5px;box-shadow:0 1px 2px #0002}.switch:checked:before{left:21px}
.swatches{gap:4px;flex-wrap:wrap;margin:14px 0}.swatches button{width:40px;height:40px;flex-shrink:0}.swatches button.selected{box-shadow:0 0 0 2px #526145}
.color-row{flex-wrap:wrap}.color-picker{font-size:12px;color:#526145;min-height:44px}.color-picker input{width:40px;height:40px}.color-row input[id^=hex]{font-size:13px;min-height:44px;padding:6px;border:1px solid #8a927e;border-radius:4px}
.iridescent-swatch{min-height:44px;color:#405132}.range-label{font-size:13px;margin-bottom:2px}.range-label span{font-size:12px;color:#526145}
input[type=range]{height:44px;margin:0;appearance:none;background:transparent;touch-action:pan-y}
input[type=range]::-webkit-slider-runnable-track{height:4px;background:#8b947d;border-radius:4px}input[type=range]::-moz-range-track{height:4px;background:#8b947d;border-radius:4px}
input[type=range]::-webkit-slider-thumb{appearance:none;width:22px;height:22px;margin-top:-9px;background:#526145;border:2px solid #fcfcf8;border-radius:50%;box-shadow:0 0 0 1px #526145}
input[type=range]::-moz-range-thumb{width:20px;height:20px;background:#526145;border:2px solid #fcfcf8;border-radius:50%}
.range-ends{font-size:11px;color:#606954}.varnish-block p{font-size:12px;color:#606954;margin-left:0}
.relief-note{font-size:11px!important;color:#606954!important;line-height:1.6!important}
.quality-row,.page-row{font-size:12px;flex-wrap:wrap}.quality-row select,.page-row select{min-height:44px;font-size:12px;color:#405132}.crop-row .button{font-size:12px}
.resolution-info{font-size:11px;color:#606954}.notice{font-size:12px}.sidebar-foot{font-size:12px;color:#526145}.sidebar-foot a{display:inline-flex;align-items:center;min-height:44px}
.workspace-top h2{overflow-wrap:anywhere}.workspace-top>div:first-child{min-width:0}.workspace-top{flex-wrap:wrap}
.workspace-footer{font-size:11px;color:#606954}.layer-legend{flex-wrap:wrap;gap:12px}.bottom-note{display:none}
.stage-hint{white-space:normal;width:calc(100% - 30px);justify-content:center;text-align:center;gap:6px;line-height:1.6;font-size:12px;color:#d5decf;text-shadow:0 1px 4px #000;bottom:88px}.stage-hint i{color:#c6cebf}
.stage-controls{max-width:calc(100% - 20px);bottom:20px}.stage-controls button{color:#d5decf;padding:7px 10px}.stage-controls button span{font-size:12px}.stage-label{font-size:10px;color:#d5decf}.axis{display:none}
.editor-shortcuts{display:flex;gap:10px;margin-bottom:20px}.editor-shortcuts .button{flex:1;text-align:center}.mobile-only{display:none}
.finish-availability,.account-hint{font-size:12px;line-height:1.6;color:#526145;margin:0 0 16px}.account-hint{border-left:3px solid #a4ad95;padding-left:10px}
.preset-status{display:flex;justify-content:space-between;align-items:center;gap:8px;background:#eef1e5;border:1px solid #d5ddc9;border-radius:6px;padding:6px 10px;margin-bottom:16px;color:#405132;font-size:12px}.preset-status span{overflow-wrap:anywhere;min-width:0}.preset-status button{flex-shrink:0}
#sharedFoilControls{margin-top:18px;border-top:1px solid var(--line);padding-top:8px}#varnishControls{border-top:1px solid var(--line);padding-top:18px}
dialog{max-height:90dvh;overflow:auto}dialog p{font-size:13px;color:#606954}.field-label{font-size:12px}.link-row input,.full-input{font-size:14px;min-height:44px}.link-row{flex-wrap:wrap}.link-row input{flex:1;min-width:160px}.link-row .button{flex-shrink:0}.share-summary{background:#eef1e5;border-radius:6px;padding:12px;color:#405132}
#shareResult{border-top:1px solid var(--line);padding-top:12px;margin-top:16px}#shareResult #openPreview{min-height:44px;font-size:13px;display:inline-flex;align-items:center}
#revoke{float:none;display:block;margin:12px 0 0;color:#923b29;border-top:1px solid var(--line);width:100%;text-align:left;padding-top:12px}.error{color:#923b29!important}
.library-filter{margin:20px 0}.library-filter label{display:block;font-size:12px;margin-bottom:8px}.library-filter input{width:100%;min-height:44px;border:1px solid #8a927e;border-radius:6px;padding:10px;font:inherit}.library-filter p{font-size:12px;margin-bottom:0}
.library-actions .button{font-size:12px;min-height:44px}.library-card p{font-size:12px;color:#606954}.library-status{font-size:11px}.library-actions .destructive{background:transparent;border-color:transparent;color:#923b29;margin-left:auto}
.rename-form{padding-top:14px;border-top:1px solid var(--line);margin-top:14px}.rename-form label{display:block;font-size:12px;margin-bottom:8px}.rename-form input{min-height:44px;border:1px solid #8a927e;border-radius:5px;padding:8px;width:100%;font:inherit}.rename-form .library-actions{margin-top:8px}
.crop-choice{min-height:44px;font-size:12px}.crop-choice input{width:24px;height:24px}.crop-fields{flex-wrap:wrap}.crop-fields label{width:calc(50% - 6px);font-size:12px;color:#526145}.crop-fields input{font-size:14px;min-height:44px}.crop-actions{flex-wrap:wrap}
:is(button,a,input,select,summary):focus-visible{outline:3px solid #526145;outline-offset:3px}input[id^=hex]:focus-visible{outline:3px solid #526145;outline-offset:3px}
@media(min-width:761px) and (min-height:600px){.app{align-items:start;grid-template-columns:340px minmax(0,1fr)}.workspace{position:sticky;top:0;height:calc(100dvh - 80px);padding:20px 24px}.workspace .stage{min-height:280px;max-height:none}.workspace-top{margin-bottom:14px}.workspace-footer{margin:14px 0 0}.sidebar{align-self:stretch}}
@media(pointer:coarse){.swatches button{width:44px;height:44px}.swatches{gap:6px}}
@media(max-width:760px){.topbar{padding:12px 16px;align-items:center}.brand{font-size:25px}.header-right .button{min-height:44px;font-size:12px}.account-link{font-size:12px}.mobile-only{display:inline-flex;align-items:center;justify-content:center;min-height:44px}.edit-link{align-self:flex-start;margin-bottom:12px}.editor-shortcuts{position:sticky;top:0;background:#fcfcf8;padding:10px 0;z-index:5}.sidebar{padding:10px 18px 25px}.workspace{padding:18px 14px}.workspace .stage{height:clamp(300px,55dvh,440px);min-height:300px;flex:none}.workspace-top{gap:10px}.workspace-top h2{max-width:none;font-size:17px}.view-tabs button{font-size:12px}.stage-hint{font-size:11px}.workspace-footer{font-size:11px}.toast{max-width:calc(100% - 24px);width:max-content;text-align:center}.crop-actions{gap:8px}}
@media(max-width:380px){.stage-controls button{padding:7px 8px}.stage-controls button span{font-size:11px}.brand{font-size:23px}.library-card-head{flex-wrap:wrap}}
#hex:focus-visible{outline:3px solid #526145;outline-offset:3px}