.adjust-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}.adjust-preview-column{position:sticky;top:0}.adjust-controls{display:flex;flex-direction:column;gap:12px;max-height:64vh;overflow:auto;padding:0 8px 6px 0}.adjust-controls .artist-advanced{margin:0}.adj-slider{font-size:12px;display:block;margin:12px 0}.adj-slider output{float:right;font:11px monospace;color:#617e4c}.adj-slider input{width:100%;display:block;margin-top:8px;accent-color:#729a53}.adjust-controls select,.adjust-controls input[type=number]{width:100%;margin-top:7px;font-size:12px}.histogram{width:100%;height:54px;background:#e9efe3;border-radius:5px;margin-top:12px}.recipe-picker{flex:1;min-width:150px;font-size:12px}.recipe-picker select{padding:8px}.adjust-preview-column .studio-toolbar input{max-width:170px;padding:9px;border:1px solid #cedbc2;border-radius:4px;font-size:12px;background:#fff}.adjust-preview-column .studio-toolbar{gap:6px}.adjust-preview-column .studio-toolbar .button{font-size:11px;padding:8px}.comparison-slider{margin-top:12px;font-size:11px}.studio-preview-footer select{max-width:150px;padding:5px;background:#26362d;color:#dfeeda;border:1px solid #65795d;border-radius:4px;font-size:11px}.order-list{display:flex;flex-direction:column;gap:7px}.order-list>div{display:flex;justify-content:space-between;align-items:center;padding:7px;background:#f0f5e9;border-radius:4px;text-transform:capitalize}.palette-editor-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:5px;margin-top:15px;max-height:230px;overflow:auto;padding:3px}.palette-editor-grid button{aspect-ratio:1;background:var(--swatch);border:1px solid #0002;border-radius:3px}.palette-editor-grid button[aria-pressed=true]{outline:2px solid #315f29;outline-offset:2px}.shortcut-custom{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.shortcut-custom input{width:45px;text-transform:uppercase;text-align:center}.reference-setup{padding:18px 0;border-block:1px solid #d6e0cd;display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:20px 0}.reference-setup>div{flex:1 1 100%}.reference-setup h3{font-size:18px;font-weight:500;margin:0}.reference-dock{position:fixed;z-index:10;left:75px;top:125px;width:220px;background:#27322d;box-shadow:0 10px 30px #0005;border:1px solid #5b7055;border-radius:6px;overflow:hidden;max-width:80vw}.reference-title{display:flex;justify-content:space-between;align-items:center;cursor:move;touch-action:none;color:#d1e4c4;padding:9px;font:9px monospace;letter-spacing:.5px}.reference-title button{border:0;color:inherit;background:none;font-size:19px}.reference-dock canvas{display:block;width:100%;height:auto;image-rendering:pixelated;cursor:crosshair}.reference-dock label{display:flex;align-items:center;gap:12px;padding:10px;color:#bfd1b8;font-size:10px}.reference-dock input{width:100%;accent-color:#bcf974}.batch-drop{display:flex;flex-direction:column;gap:12px;border:1px dashed #93b87a;background:#edf4e6;padding:24px;border-radius:6px;font-size:15px}.batch-drop span{font-size:11px;color:#6a7c60;line-height:1.7}.batch-drop input{max-width:100%;font-size:12px}.batch-list{max-height:190px;overflow:auto;font-size:12px;color:#58704b;margin:15px 0}.batch-list>div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #d6e0ce;padding:10px 0}.batch-list span{overflow-wrap:anywhere}.batch-list small{max-width:50%;flex-shrink:0;text-align:right}.sheet-preview{width:100%;height:180px;object-fit:contain;image-rendering:pixelated;background:repeating-conic-gradient(#e9eee2 0% 25%,#dce5d5 0% 50%) 50%/16px 16px;border-radius:5px;margin-top:18px}.editor-menus button[data-action=adjustments]{color:#bcf974}.drawing-access{display:flex;gap:6px;margin-top:8px}.drawing-access button{font-size:10px;color:#a8bd9b;border:1px solid #ffffff20;background:transparent;border-radius:3px;padding:5px 6px}.tools-rail{overflow-y:auto}.studio-group-title{grid-column:1/-1;font:10px monospace;letter-spacing:1.4px;color:#74905f;margin:16px 0 0}.studio-group-title:first-child{margin-top:0}
.live-showcase{overflow:hidden;border-top:1px solid var(--line)}.showcase-controls{display:flex;align-items:center;gap:14px}.showcase-controls button{border:1px solid #cbd6c1;background:none;border-radius:50%;width:40px;height:40px;font-size:20px}.showcase-controls span{font:11px monospace;color:#708263}.showcase-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:0;position:relative;border-radius:10px;border:1px solid #ccd8c3;background:#eef3e8}.showcase-track::-webkit-scrollbar{display:none}.showcase-card{flex:0 0 100%;min-width:0;scroll-snap-align:start;display:grid;grid-template-columns:1.55fr 1fr;align-items:center}.showcase-media{position:relative;background:#050a0b;aspect-ratio:1.5;overflow:hidden;--split:50%}.showcase-media canvas{display:block;width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.showcase-media:after{content:'';position:absolute;left:var(--split);top:0;bottom:0;width:1px;background:#e6f6dba8;pointer-events:none}.showcase-media .demo-before,.showcase-media .demo-after{position:absolute;top:18px;color:#dceacd;font:10px monospace;letter-spacing:1px;background:#10201bbf;padding:7px 10px;border-radius:3px}.demo-before{left:18px}.demo-after{right:18px}.showcase-copy{padding:35px}.showcase-copy h3{font-size:clamp(26px,2.8vw,40px);font-weight:500;letter-spacing:-1.5px;line-height:1.15;margin:15px 0}.showcase-copy p{font-size:14px;line-height:1.85;color:#697660}.showcase-copy label{display:block;font:10px monospace;color:#647b55;margin:24px 0}.showcase-copy input{display:block;width:100%;margin-top:14px;accent-color:#587c42;cursor:ew-resize}.showcase-copy .text-button{text-decoration:underline;text-underline-offset:5px;font-size:13px}.showcase-copy .eyebrow{font-size:10px}.showcase-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:18px;color:#738367;font:10px monospace;line-height:1.6}.showcase-dots{display:flex;gap:7px}.showcase-dots button{width:7px;height:7px;border:0;border-radius:50%;padding:0;background:#ccd7c1}.showcase-dots button[aria-pressed=true]{background:#65824e;width:22px;border-radius:5px}.showcase-bottom>button{font:11px monospace;border:0;background:transparent;color:#5b704e;text-decoration:underline;text-underline-offset:4px}
@media(max-width:900px){.showcase-copy{padding:24px}.showcase-copy p{font-size:12px}.showcase-card{grid-template-columns:1.3fr 1fr}.showcase-copy label{margin:17px 0}.adjust-layout{grid-template-columns:minmax(0,1fr) 270px;gap:16px}}@media(max-width:760px){.adjust-layout{grid-template-columns:1fr}.adjust-preview-column{position:static}.adjust-controls{max-height:none;overflow:visible;padding:0}.shortcut-custom{grid-template-columns:repeat(3,1fr)}.showcase-card{grid-template-columns:1fr}.showcase-copy{padding:25px}.showcase-media{aspect-ratio:1.5}.showcase-copy h3{font-size:29px}.showcase-copy p{font-size:13px}.showcase-controls{margin-top:22px}.showcase-bottom>span{display:none}.showcase-bottom{flex-wrap:wrap}.editor-menus button[data-action=adjustments]{font-size:10px}.drawing-access{flex-wrap:wrap}.palette-editor-grid{grid-template-columns:repeat(8,1fr)}}

@media(max-width:600px){.editor-menus button[data-action=adjustments]{display:none}.shortcut-custom{grid-template-columns:repeat(2,1fr)}.drawing-access button{font-size:9px;padding:5px}.adjust-preview-column .studio-toolbar input{max-width:100%;width:100%}}