.studio-nav{display:flex;align-items:center;gap:20px;font-size:14px}.studio-nav button{background:#171717;color:#fff;border:0;padding:10px 15px}.studio-nav button span{display:inline-block;margin-left:10px;color:#ddd}.hero-photograph{margin:0;position:relative;align-self:stretch;min-width:0;overflow:hidden}.hero-photograph img{width:100%;height:100%;max-height:685px;object-fit:cover;display:block}.hero-photograph figcaption{position:absolute;bottom:20px;left:20px;right:20px;font-size:14px;background:#fff;color:#151515;padding:10px 14px;width:fit-content;max-width:calc(100% - 40px)}
.olo-hero .olo-hero-lab{grid-column:1/-1;display:grid;grid-template-columns:1.3fr 1fr;gap:0 35px;padding:25px 30px}.olo-hero .hero-lab-heading{grid-column:1/-1}.olo-hero .assembly-stage{grid-column:1;grid-row:2/7;align-self:center;margin:15px 0 20px;min-height:220px}.olo-hero .hero-ends,.olo-hero .hero-tip-selectors,.olo-hero .assembly-actions,.olo-hero #connection-note,.olo-hero .nib-detail{grid-column:2}.olo-hero .nib-detail{margin:0}.olo-hero #connection-note{font-size:14px;min-height:42px}.olo-hero .hero-ends{margin-top:20px}
.artist-account{background:#f5f5f5;border:1px solid #ddd;padding:18px;margin:20px 0;font-size:14px}.artist-account b{display:block;margin:10px 0;font-size:17px}.artist-account p{line-height:1.5;margin:8px 0}.artist-account a{display:block;margin:12px 0;text-decoration:underline}.artist-account button{width:100%;padding:11px 8px;border:1px solid #bbb;background:#fff;margin-top:10px;font-size:14px}.eyebrow{font-size:12px;letter-spacing:.12em;font-weight:700;margin:0 0 10px}.inventory-key{display:flex;flex-wrap:wrap;gap:15px;margin:20px 0 12px;font-size:14px}.inventory-key span{display:flex;align-items:center;gap:6px}.inventory-key i{width:13px;height:13px;display:inline-block;border:3px solid}.owned-key{border-color:#1264df!important}.wish-key{border-color:#db268c!important;border-style:dashed!important}.inventory-filter{display:block;font-size:14px}.inventory-filter select{display:block;width:100%;padding:11px 8px;margin-top:7px}
.wheel-wedge.artist-owned{stroke:#1264df!important;stroke-width:5px!important}.wheel-wedge.artist-wish{stroke:#db268c!important;stroke-width:5px!important;stroke-dasharray:6 3}.wheel-wedge.artist-owned.artist-wish{stroke:#1264df!important;filter:drop-shadow(0 0 2px #db268c)}.wheel-wedge.artist-dim{opacity:.17!important}.artist-color-actions{border-top:1px solid #ddd;padding-top:15px;margin-top:18px;display:grid;gap:10px}.artist-color-actions label{font-size:14px;display:flex;align-items:center;justify-content:space-between;gap:8px}.artist-color-actions select{padding:6px;max-width:105px}.artist-color-actions button,.color-comparison button,.marker-tray button,.paper-orientation button,.studio-dialog button{border:1px solid #ccc;background:#fff;color:#171717;font-size:14px;padding:10px 12px;cursor:pointer}.artist-color-actions button[aria-pressed=true]{background:#eef3fc;border-color:#1264df}.artist-color-actions #color-wish[aria-pressed=true]{background:#fff0f8;border-color:#db268c}.button-row{display:flex;flex-wrap:wrap;gap:7px}.button-row>*{flex:1}.micro{font-size:12px;line-height:1.5;color:#666}.artist-color-actions>button{background:#171717;color:#fff}.artist-color-actions button:disabled{opacity:.5;cursor:default}
.color-comparison{border:1px solid #ddd;padding:25px;margin:30px 0}.compare-heading{display:flex;align-items:center;justify-content:space-between;gap:25px}.compare-heading h3{font-size:23px;margin:0}.reference-controls{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.reference-controls input[type=color]{width:40px;height:40px;padding:0;border:0;background:none}.reference-controls input[type=text],#reference-hex{width:100px;padding:10px;font-family:monospace;font-size:14px;border:1px solid #ccc}.compare-swatches{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin:20px 0}.compare-chip{position:relative;min-width:0}.compare-chip>i,.compare-fill{display:block;width:100%;height:110px;border:0!important}.compare-chip b{display:block;font-size:14px;line-height:1.4;margin-top:10px}.compare-chip span{font-size:12px;color:#666}.compare-chip .remove-compare{position:absolute;top:5px;right:5px;padding:3px 9px;background:#fff;z-index:1}.nearest-colors{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:20px}.nearest-colors>b{font-size:14px;margin-right:8px}.nearest-colors button{display:flex;align-items:center;gap:7px;font-size:13px;padding:7px}.nearest-colors i,.palette-chips i{display:inline-block;width:19px;height:19px;border-radius:50%;border:1px solid #bbb;flex:none}.palette-builder{border-top:1px solid #ddd;padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:20px}.palette-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.palette-chips button{display:flex;gap:6px;align-items:center;padding:5px 8px;font-size:12px}.palette-save{display:flex;flex-wrap:wrap;gap:6px;max-width:330px}.palette-save input{min-width:100px;width:100%;padding:10px;border:1px solid #ccc;font-size:14px}
.marker-tray{border-top:1px solid #ddd;margin-top:25px;padding-top:15px}.marker-tray h3{font-size:19px;margin:20px 0 15px}.tray-heading{display:flex;justify-content:space-between;align-items:center}.tray-heading span{font-size:14px;background:#eee;padding:4px 8px;border-radius:15px}.save-pair-row{display:flex;gap:7px}.save-pair-row input{min-width:0;flex:1;border:1px solid #ccc;padding:9px;font-size:14px}#pair-cart{width:100%;margin-top:8px;background:#171717;color:#fff}.empty-state{font-size:14px;color:#777;line-height:1.5;margin:12px 0}.tray-pair{display:flex;align-items:center;border-bottom:1px solid #ddd;padding:10px 0;gap:5px}.tray-pair .tray-use{display:flex;align-items:center;gap:10px;text-align:left;border:0;padding:4px;flex:1;min-width:0}.tray-use b{font-size:14px;display:block;overflow-wrap:anywhere}.tray-use small{display:block;font-size:12px;margin-top:4px}.pair-mini{display:flex;width:43px;flex:none}.pair-mini i{width:50%;height:30px;display:block}.pair-mini i:first-child{border-radius:12px 0 0 12px}.pair-mini i:last-child{border-radius:0 12px 12px 0}.tray-pair>div{display:flex;gap:4px}.tray-pair>div>button{padding:5px 9px}.saved-palette{display:flex;align-items:center;border-bottom:1px solid #ddd;gap:5px;padding:6px 0}.saved-palette>button:first-child{flex:1;border:0;text-align:left;padding:6px 0}.saved-palette b{font-size:14px;display:block}.saved-palette span{display:flex;flex-wrap:wrap;gap:3px;margin-top:8px}.saved-palette i{width:18px;height:18px;border-radius:50%;border:1px solid #ccc}.saved-study{width:100%;display:flex;flex-direction:column;gap:5px;text-align:left;border:0!important;border-bottom:1px solid #ddd!important;padding:12px 0!important}.saved-study small{font-size:12px;color:#666}
.paper-option{position:relative}.paper-option .paper-add{position:absolute;right:8px;top:8px;padding:0!important;display:grid!important;place-items:center;width:28px!important;height:28px!important;min-height:0!important;background:#fff!important;border:1px solid #777!important;z-index:2;font-size:21px!important;line-height:1!important}.paper-option>button[data-paper]{padding-right:43px!important}.paper-orientation{display:flex;justify-content:flex-end;gap:5px;padding:8px 12px;border-bottom:1px solid #ddd}.paper-orientation button{padding:7px 12px;font-size:13px}.paper-orientation button[aria-pressed=true]{background:#171717;color:#fff}.desk-stage:has(.drawing-surface[style*="279.4 / 215.9"]),.desk-stage:has(.drawing-surface[style*="420 / 297"]){min-height:380px}
.artist-toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:1000;max-width:min(520px,90vw);background:#171717;color:#fff;padding:13px 18px;font-size:14px;box-shadow:0 8px 30px #0002;line-height:1.5}.studio-dialog{border:1px solid #ccc;padding:28px;width:min(650px,calc(100vw - 35px));max-height:88vh;color:#171717;background:#fff}.studio-dialog::backdrop{background:#0007;backdrop-filter:blur(3px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.dialog-top h2{font-size:28px;line-height:1.15;margin:0}.dialog-top>button{border:0;font-size:27px;padding:0 4px}.studio-dialog .button{background:#171717;color:#fff;display:inline-block;padding:12px 18px;border:0}.studio-dialog button:disabled{opacity:.5;cursor:default}.cart-line{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 0;border-bottom:1px solid #ddd;font-size:14px}.cart-line>div:first-child{flex:1}.cart-line small{display:block;margin-top:6px;color:#666}.quantity{display:flex;gap:8px;align-items:center}.quantity button{padding:4px 9px}.cart-connector{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 0;font-size:14px}.cart-connector small{display:block;color:#666;margin-top:5px}.cart-total{display:flex;justify-content:space-between;border-top:2px solid #171717;padding-top:16px;font-size:20px}.save-dialog{width:min(900px,calc(100vw - 35px))}.save-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:start}.save-grid>img{max-width:100%;max-height:420px;object-fit:contain;background:#fafafa;border:1px solid #ddd}.save-grid label{display:block;font-size:14px;font-weight:600;margin-bottom:15px}.save-grid input,.save-grid select,.save-grid textarea{font:inherit;font-weight:400;padding:10px;border:1px solid #bbb;width:100%;box-sizing:border-box;display:block;margin-top:6px}.save-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px;border-top:1px solid #ddd;padding-top:18px}#share-link-panel{margin-top:18px}#study-share-url{width:100%;box-sizing:border-box;padding:10px;border:1px solid #ccc;margin-bottom:12px;font-size:13px}#share-link-panel a{text-align:center;font-size:14px;padding:10px;border:1px solid #ccc;color:#171717;text-decoration:none}.study-review{font-size:14px;border-bottom:1px solid #ddd;padding:15px 0}.study-review p{white-space:pre-wrap;line-height:1.5}#sample-image-canvas{max-width:100%;margin-top:18px;cursor:crosshair}#sample-image-file{max-width:100%}.studio-dialog [hidden],.artist-toast[hidden]{display:none!important}
@media(max-width:900px){.compare-heading{display:block}.reference-controls{margin-top:18px}.palette-builder{display:block}.palette-save{margin-top:15px;max-width:none}.palette-save input{width:auto;flex:1}.olo-hero .assembly-stage{min-height:180px}.olo-hero .olo-hero-lab{gap:0 20px;padding:20px}.hero-photograph img{max-height:600px}}
@media(max-width:780px){.studio-nav{gap:10px;font-size:12px}.topbar nav{display:none}.hero-photograph img{height:330px;max-height:none;object-position:50% 65%}.hero-photograph figcaption{font-size:12px;left:12px;bottom:12px;padding:8px}.olo-hero .olo-hero-lab{display:block;padding:18px 15px}.olo-hero .assembly-stage{min-height:145px;margin-bottom:25px}.artist-account{margin:18px 0}.color-comparison{padding:18px 14px}.compare-swatches{grid-template-columns:repeat(2,minmax(0,1fr))}.compare-chip>i,.compare-fill{height:100px}.reference-controls button{font-size:13px;padding:9px}.palette-workspace .library-copy{display:block}.artist-color-actions{display:grid;grid-template-columns:1fr 1fr}.artist-color-actions>label,.artist-color-actions>.micro{grid-column:1/-1}.artist-color-actions>button{grid-column:1/-1}.artist-color-actions select{max-width:160px}.paper-option .paper-add{right:5px;top:5px;width:24px!important;height:24px!important}.save-grid{grid-template-columns:1fr}.save-grid>img{max-height:240px;justify-self:center}.studio-dialog{padding:20px}.dialog-top h2{font-size:24px}.cart-line{flex-wrap:wrap}.cart-line>div:first-child{flex-basis:100%}.save-actions>*{flex:1}.palette-save input{width:100%;flex-basis:100%}}