:root{font-family:Helvetica,"Helvetica Neue",Arial,sans-serif;color:#292929;background:#f7f7f7;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit;color:inherit}button{border:0;background:none;cursor:pointer;padding:8px 0;font-size:13px}button:hover{color:#000}button:disabled{opacity:.35;cursor:default}button:focus-visible,input:focus-visible{outline:2px solid #777;outline-offset:5px}header{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 44px}h1{font-size:14px;letter-spacing:2.8px;font-weight:400;margin:0}header>span{font-size:11px;letter-spacing:2px;color:#858585}main{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:68px;padding:0 64px 30px 44px;min-height:calc(100svh - 86px);align-items:center}.workspace{min-width:0;height:calc(100svh - 116px);min-height:440px;display:flex;flex-direction:column}.stage{flex:1;min-height:340px;min-width:0;display:grid;place-items:center;overflow:auto;position:relative;background:#f7f7f7}.stage.dragover{outline:1px dashed #999;outline-offset:-8px;background:#eee}canvas{display:block;flex-shrink:0}canvas[hidden]{display:none}.empty{font-size:15px;padding:30px;text-align:center}.empty span{display:block;margin-top:12px;color:#919191;font-size:12px}.empty[hidden]{display:none}.image-toolbar{min-height:42px;display:flex;align-items:center;gap:20px;color:#777;font-size:12px}.image-toolbar>button{font-size:12px;color:#777}.image-toolbar>button:hover{color:#111}#dimensions{font-size:11px;font-variant-numeric:tabular-nums;color:#8a8a8a}.zoom{margin-left:auto;display:flex;gap:17px}.zoom button{font-size:11px;color:#999}.zoom .active{color:#222}.edit-top{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:28px;margin-bottom:10px}#imageName{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;color:#777;max-width:210px}.edit-top button{font-size:12px;color:#888}.control{margin-bottom:30px}.control-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.control label{font-size:14px;font-weight:400}.value{appearance:textfield;-moz-appearance:textfield;width:65px;border:0;background:none;text-align:right;font-size:12px;color:#777;padding:3px 0;font-variant-numeric:tabular-nums}.value::-webkit-inner-spin-button,.value::-webkit-outer-spin-button{appearance:none;margin:0}.slider{appearance:none;-webkit-appearance:none;display:block;width:100%;height:1px;margin:0;background:#cdcdcd;cursor:pointer;border-radius:0}.slider::-webkit-slider-thumb{appearance:none;width:9px;height:9px;border-radius:50%;border:0;background:#333}.slider::-moz-range-thumb{width:9px;height:9px;border-radius:50%;border:0;background:#333}.slider:hover::-webkit-slider-thumb{width:11px;height:11px}.color-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e3e3e3;padding-top:24px;margin:4px 0 26px;font-size:14px}.color-inputs{display:flex;align-items:center;gap:10px}#hex{width:76px;border:0;background:none;text-align:right;color:#777;font-size:12px;padding:3px 0}#color{appearance:none;-webkit-appearance:none;width:19px;height:19px;padding:0;background:none;border:0;cursor:pointer}#color::-webkit-color-swatch-wrapper{padding:0}#color::-webkit-color-swatch{border:1px solid #ddd;border-radius:50%}#color::-moz-color-swatch{border:1px solid #ddd;border-radius:50%}.actions{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:38px;padding-top:20px;border-top:1px solid #e3e3e3}.actions button{font-size:12px}.actions #compare{color:#888}.actions #compare[aria-pressed=true]{color:#111;text-decoration:underline;text-underline-offset:5px}.export{border-bottom:1px solid #555}.export:hover{border-color:#000}#status{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);padding:12px 18px;background:#292929;color:#fff;font-size:13px;opacity:0;pointer-events:none;max-width:90vw;transition:opacity .2s}#status.show{opacity:1}@media(min-width:1500px){main{gap:100px;padding-right:8vw;grid-template-columns:minmax(0,1fr) 310px}}@media(max-width:950px){header{padding:0 26px}main{padding:0 26px 24px;gap:32px;grid-template-columns:minmax(0,1fr) 250px}.image-toolbar{gap:12px;flex-wrap:wrap}.zoom{gap:12px}}@media(max-width:650px){header{height:70px;padding:0 22px}h1{font-size:12px;letter-spacing:1.5px}header>span{font-size:9px;letter-spacing:1px}main{display:block;padding:0 22px 35px}.workspace{height:58svh;min-height:360px;max-height:650px}.stage{min-height:300px}.image-toolbar{gap:12px}aside{padding-top:32px;max-width:420px;margin:0 auto}.edit-top{padding-bottom:16px}.control{margin-bottom:27px}.actions{margin-top:30px}#dimensions{font-size:10px}.zoom{gap:12px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Quiet layer selectors: bottles below the image, artwork above its controls. */
.bottle-library{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;padding-top:14px;min-height:84px}.bottle-option{padding:3px 8px;border-bottom:1px solid transparent;opacity:.55}.bottle-option:hover,.bottle-option[aria-pressed=true]{opacity:1}.bottle-option[aria-pressed=true]{border-color:#777}.bottle-option img{display:block;width:44px;height:58px;object-fit:contain}.edit-top{margin-bottom:0;padding-bottom:14px}.art-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 0 22px;font-size:12px;color:#888}.art-meta button{font-size:12px}#artworkSelect{width:100%;border:0;border-bottom:1px solid #ddd;padding:8px 0;margin:0 0 12px;background:transparent;font:13px Helvetica,Arial,sans-serif;color:#555;text-overflow:ellipsis}fieldset{border:0;margin:0;padding:0;min-width:0}fieldset:disabled{opacity:.38}fieldset:disabled input{cursor:default}@media(max-width:650px){.workspace{min-height:450px}.bottle-library{gap:5px}.bottle-option{padding-inline:5px}.bottle-option img{width:37px;height:52px}}
.text-layer{margin-top:28px;padding-top:20px;border-top:1px solid #e3e3e3}.text-layer-top,.text-layer-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px}.text-layer-top{font-size:14px}.text-layer-top button{font-size:12px;color:#777}.text-layer-bottom{margin-top:8px;font-size:12px;color:#888}#textName{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:210px}.text-switch{display:flex;align-items:center;gap:7px;cursor:pointer;flex-shrink:0}.text-switch input{accent-color:#333;width:13px;height:13px;margin:0}.text-switch:has(input:disabled){opacity:.4;cursor:default}
.header-right{display:flex;align-items:center;gap:28px}.header-right>span{font-size:11px;letter-spacing:2px;color:#858585}.language{display:flex;gap:12px}.language button{font-size:12px;color:#999}.language button[aria-pressed=true]{color:#222;text-decoration:underline;text-underline-offset:5px}.slider{height:5px}#hue{background:linear-gradient(to right,#00ffff,#0000ff,#ff00ff,#ff0000,#ffff00,#00ff00,#00ffff)}#brightness{background:linear-gradient(to right,#000,#888,#fff)}.slider::-webkit-slider-thumb{width:12px;height:15px;border-radius:3px;background:#fff;border:1px solid #555;box-shadow:0 1px 2px #0002}.slider::-moz-range-thumb{width:12px;height:15px;border-radius:3px;background:#fff;border:1px solid #555}.slider:hover::-webkit-slider-thumb{width:12px;height:15px}.mode-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px}.mode-row select{font:12px Helvetica,Arial,sans-serif;background:transparent;border:0;border-bottom:1px solid #ccc;color:#555;padding:5px 0;max-width:175px}.mode-help{font-size:11px;line-height:1.5;color:#777;margin:10px 0 24px}fieldset:disabled{opacity:.65}@media(max-width:650px){.header-right{gap:14px}.header-right>span{display:none}}
#textColorControls{margin-top:18px}.text-color-top{display:flex;align-items:center;gap:10px;margin-bottom:14px;font-size:12px}.text-color-top label{margin-right:auto}.text-color-top button{font-size:11px;color:#777}#textColor{width:20px;height:20px;padding:0;border:0;background:none;cursor:pointer}#textHue{background:linear-gradient(to right,#f00,#ff0,#0f0,#0ff,#00f,#f0f,#f00)}#textColorValue{display:block;font-size:11px;color:#888;text-align:right;margin-top:9px}
#hue{background:linear-gradient(to right,#f00,#ff0,#0f0,#0ff,#00f,#f0f,#f00)}.selected-color{display:flex;align-items:center;justify-content:flex-end;gap:8px;font-size:12px;color:#777;margin-top:-12px}#selectedColor{display:block;width:17px;height:17px;border:1px solid #ddd;border-radius:50%}

/* Sign-in gate: same quiet vocabulary as the editor, no boxes or shadows. */
main.login{display:grid;grid-template-columns:none;place-items:center;gap:0;padding:0 22px 60px}.login-form{width:100%;max-width:290px}.login-form h2{margin:0 0 34px;font-size:13px;letter-spacing:2.2px;font-weight:400;text-transform:uppercase}.field{margin-bottom:26px}.field label{display:block;margin-bottom:8px;font-size:12px;color:#888}.field input{width:100%;padding:7px 0;border:0;border-bottom:1px solid #ccc;background:none;font-size:14px;border-radius:0}.field input:focus{border-bottom-color:#555}.login-form button[type=submit]{margin-top:4px;font-size:12px}#authError{min-height:18px;margin:18px 0 0;font-size:12px;line-height:1.5;color:#a33}#signOut{font-size:12px;color:#999}#signOut:hover{color:#222}@media(max-width:650px){#signOut{font-size:11px}}