@font-face{font-family:"Space Grotesk";src:url("fonts/space-grotesk.woff2") format("woff2");font-weight:300 700;font-style:normal;font-display:swap}
@font-face{font-family:"Source Sans 3";src:url("fonts/source-sans-3.woff2") format("woff2");font-weight:200 900;font-style:normal;font-display:swap}
:root{--display:"Space Grotesk",sans-serif;--ui:"Source Sans 3",sans-serif;--ink:#242424;--paper:#f8f8f8;--white:#ffffff;--line:#cdcdcd;--muted:#6e6e6e;--accent:#4b4b4b;--plum:#4b4b4b}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:13px/1.45 var(--ui)}button,input,select{font:inherit;color:inherit}button,summary,.uploadlabel{cursor:pointer}button,.uploadlabel{border:1px solid var(--line);border-radius:2px;background:transparent;padding:10px 14px;transition:background .15s}button:hover,.uploadlabel:hover{background:#e6e6e6}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,canvas:focus-visible{outline:2px solid #6e6e6e;outline-offset:3px}.dark,.uploadlabel{background:var(--accent);border-color:var(--accent);color:var(--white)}.dark:hover,.uploadlabel:hover{background:#4b4b4b}.quiet{border-color:transparent;background:transparent}.full{width:100%}.fileinput{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;clip-path:inset(50%)}[hidden]{display:none!important}.app-header{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:26px 4% 24px;border-bottom:1px solid var(--line)}.brand{font:39px/1 var(--display);color:var(--ink);text-decoration:none;letter-spacing:-1.5px}.brand>span{display:block;font:11px/1.4 var(--ui);color:var(--muted);letter-spacing:.1px;margin-top:9px}.header-actions{display:flex;align-items:center;gap:10px}.header-actions>button:not(.dark){border-color:transparent;padding:10px}.header-actions>button{font-size:12px}.project-menu{position:relative}.project-menu>summary{list-style:none;font-size:12px;padding:10px}.project-menu>summary::-webkit-details-marker{display:none}.project-menu>summary span{margin-left:5px;color:var(--muted)}.project-menu>div{position:absolute;right:0;top:39px;z-index:10;min-width:210px;padding:9px;background:var(--white);border:1px solid var(--line);box-shadow:0 6px 15px #3535350c}.project-menu button{display:block;border:0;width:100%;text-align:left;font-size:12px;padding:10px}.projectbar{margin:0 4%;display:flex;align-items:center;gap:22px;padding:15px 0 13px}.projectbar label{display:flex;align-items:center;gap:9px}.projectdot{width:5px;height:5px;background:#6e6e6e;border-radius:50%}#projectname{border:0;border-bottom:1px solid transparent;background:none;width:260px;padding:3px 0;font-size:14px}#projectname:hover,#projectname:focus{border-bottom-color:#989898;outline:none}#savestatus{font-size:10px;color:var(--muted)}.private{font-size:10px;color:#6e6e6e;margin-left:auto}.workflow-nav{display:grid;grid-template-columns:repeat(3,1fr);margin:7px 4% 0;border-bottom:1px solid #cdcdcd;gap:30px}.workflow-tab{font:25px/1.2 var(--display);text-align:left;padding:18px 0 20px;border:0;border-bottom:2px solid transparent;border-radius:0;color:#6e6e6e;background:none}.workflow-tab>span{font:11px var(--ui);color:#989898;margin-right:12px;vertical-align:middle}.workflow-tab:hover{background:none;color:#4b4b4b}.workflow-tab.active{border-bottom-color:var(--accent);color:var(--accent)}.workflow-tab.active>span{color:var(--accent)}.workflow-panel{margin:0 4% 42px}.workspace-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:31px 0 26px}.eyebrow{font-size:9px;letter-spacing:1.3px;color:#6e6e6e;margin:0 0 10px}.workspace-heading h1,.scaleheading h1{font:normal 39px/1.15 var(--display);letter-spacing:-.8px;margin:0 0 11px}.workspace-heading p:last-child{font-size:12px;color:var(--muted);margin:0;line-height:1.7}.workspace-heading>button{font-size:12px;flex-shrink:0}h2{font:normal 23px var(--display);margin:0}h3{font:normal 21px var(--display);margin:0 0 13px}.smalltitle{font-size:10px;color:var(--muted);font-weight:normal;letter-spacing:0}.hint{font-size:12px;color:var(--muted);line-height:1.7;margin:12px 0 20px}.micro{font-size:10px;color:var(--muted);line-height:1.7;margin:8px 0 13px}.paneltitle{display:flex;align-items:center;justify-content:space-between;gap:10px}.paneltitle>span{font-size:9px;color:var(--muted)}.inspiration-layout{display:grid;grid-template-columns:minmax(0,1fr) 305px;gap:36px;align-items:start}.inspiration-board{min-width:0;background:#e6e6e6;padding:22px}.moodhead{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.moodhead>label:first-child{min-width:0}.moodhead .smalltitle{display:block;font-size:9px;margin-bottom:3px}#moodname{font:26px var(--display);border:0;border-bottom:1px solid transparent;background:none;width:310px;max-width:100%;padding:5px 0}#moodname:focus{border-bottom-color:#989898;outline:none}.moodlayout{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted)}select{border:1px solid var(--line);background:var(--white);border-radius:2px;padding:7px 9px;font-size:11px}.moodimages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start;min-height:475px}.moodimages.dragover{outline:2px dashed #6e6e6e;outline-offset:4px}.moodempty{grid-column:1/-1;align-self:stretch;width:100%;min-height:475px;border:1px dashed #989898;background:transparent;color:#6e6e6e;font:25px/1.4 var(--display);padding:35px}.moodempty span{display:block;font:12px/1.7 var(--ui);color:#6e6e6e;margin-top:14px}.moodcard{min-width:0;background:#f8f8f8}.moodimages.editorial.hasmany .moodcard:first-child{grid-column:span 2;grid-row:span 2}.moodcard canvas{display:block;width:100%;height:auto;cursor:crosshair}.moodcardfooter{display:flex;align-items:center;gap:3px;padding:8px 7px}.moodcardfooter span{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;color:#6e6e6e}.moodcardfooter button{padding:3px 4px;border:0;font-size:11px}.board-bottom{display:flex;align-items:center;gap:16px;margin-top:18px}.board-bottom>button{flex-shrink:0;font-size:11px}.board-bottom p{font-size:10px;margin:0}.inspiration-palette{padding:10px 0;position:sticky;top:20px}.palette-generate{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0}.palette-generate label{display:flex;align-items:center;gap:7px;font-size:11px}.palette-generate button{font-size:11px;padding:8px 10px}.moodcolours{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:22px 0 16px}.moodcolour{background:#ffffff;border:1px solid #cdcdcd;min-width:0;overflow:hidden}.moodcolour.excluded{opacity:.35}.moodcolour input[type=color]{width:100%;height:78px;padding:0;border:0;background:none;display:block;cursor:pointer}.moodcolour input[type=color]::-webkit-color-swatch{border-radius:0;border:0}.moodcolour>div{display:flex;justify-content:space-between;align-items:center;gap:2px;padding:7px 5px}.moodcolour code{font:10px var(--ui)}.moodcolour button{border:0;background:none;padding:0 3px;font-size:13px}#moodapply{margin-top:9px;font-size:12px;padding:13px}#skiptocolour{font-size:11px;margin-top:7px}.secondary-options{border-top:1px solid var(--line);padding:16px 0 0;margin-top:20px}.secondary-options>summary{font-size:12px;color:#4b4b4b;margin-bottom:13px;line-height:1.5}.secondary-options>button{font-size:11px;margin:0 6px 8px 0}.inspiration-strip{display:flex;align-items:center;gap:14px;padding:12px 0 18px;border-bottom:1px solid var(--line);margin-bottom:18px}.inspiration-strip>span{font-size:11px;color:var(--muted)}#inspirationswatches{display:flex;gap:4px;flex:1}#inspirationswatches button{width:26px;height:26px;padding:0;border:1px solid #00000011}.inspiration-strip>button{font-size:10px;padding:7px 10px}.colour-workspace{display:grid;grid-template-columns:265px minmax(0,1fr);gap:28px;align-items:start}.colourpanel{padding:5px 0}.columnlabels{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.7px;color:#6e6e6e;margin:23px 5px 12px}.colourpanel .paneltitle{padding:0 4px}#palette{display:flex;flex-direction:column;margin:0 0 14px;max-height:480px;overflow:auto}.colourrow{display:flex;align-items:center;gap:8px;padding:8px 5px;border-bottom:1px solid #e6e6e6;border-left:2px solid transparent}.colourrow.active{background:#e6e6e6;border-left-color:#6e6e6e}.colourselect{display:flex;align-items:center;gap:9px;flex:1;min-width:0;border:0;padding:3px 0;font-size:11px;text-align:left;background:none}.colourselect small{display:block;font-size:9px;color:#6e6e6e;margin-top:3px}.originaldot{width:28px;height:28px;border:1px solid #00000022;border-radius:50%;flex-shrink:0}.colourrow input[type=color]{height:30px;width:30px;flex-shrink:0;padding:0;border:0;background:none;cursor:pointer}.rowarrow{font-size:13px;color:#989898}.lockbutton{font-size:8px;padding:4px;border:0;background:none;color:#989898;min-width:31px}.lockbutton.locked{color:var(--accent);font-weight:bold}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:1px solid #00000022;border-radius:50%}.asidefooter{display:flex;gap:4px}.asidefooter button{font-size:11px;flex:1;padding:8px 4px;border:0}.separationlabel{font-size:11px;display:flex;align-items:center;gap:9px}.replacement{display:flex;align-items:center;gap:10px;margin:15px 0}#source{width:30px;height:30px;border:1px solid #00000022;border-radius:50%}#target{height:33px;width:33px;padding:0;border:0;background:none;cursor:pointer}#hex{border:1px solid var(--line);background:var(--white);padding:8px;width:95px;font-size:11px;border-radius:2px;text-transform:uppercase}.check{display:flex;align-items:center;gap:6px;font-size:11px;margin:12px 0}.check input{accent-color:var(--accent)}.textbtn{border:0;border-bottom:1px solid #989898;padding:2px 0;font-size:10px;color:var(--muted)}.palettework{padding-top:16px}.curatedtitle{margin:15px 0 10px}#themes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.theme{padding:6px;text-align:left;min-width:0}.themebar{display:flex;overflow:hidden;height:24px;margin-bottom:6px}.themebar i{flex:1}.theme>span{font-size:9px}.custompalette{margin:18px 0}.custompalette label{font-size:10px}.custompalette>div{display:flex;flex-wrap:wrap;gap:7px;margin-top:7px}.custompalette input{min-width:0;width:100%;border:1px solid var(--line);background:var(--white);padding:8px;font-size:10px}.custompalette button{font-size:10px;padding:6px 9px}#presets{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.preset{width:24px;height:24px;border-radius:50%;border:1px solid #00000022;padding:0}.paletteactions{display:flex;flex-wrap:wrap;gap:7px;margin-top:17px}.paletteactions button{font-size:10px;padding:7px 8px}#savedpalettes{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.savedpalette{display:flex;align-items:center;border:1px solid var(--line);padding:3px;gap:3px}.savedpalette button{border:0;font-size:10px;padding:3px}.savedpalette i{display:inline-block;width:12px;height:12px}.workspace{min-width:0;border:1px solid var(--line);background:var(--white)}.uploadbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 18px;border-bottom:1px solid var(--line)}.uploadbar strong{font-size:12px;font-weight:normal}.uploadbar p{font-size:10px;color:var(--muted);margin:4px 0 0}.uploadlabel{font-size:11px;padding:9px 13px;flex-shrink:0}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;height:54px;padding:0 17px;border-bottom:1px solid var(--line)}.tabs{display:flex;align-items:center;gap:3px}.tabs button{font-size:11px;border:0;border-bottom:1px solid transparent;border-radius:0;background:none;padding:7px 9px}.tabs button.active{border-bottom-color:#6e6e6e;color:var(--accent)}.tools{display:flex;align-items:center;gap:4px}.tools button{border:0;padding:5px 7px;font-size:12px;background:none}#compare{font-size:10px;padding:7px 9px;border:1px solid var(--line);margin-right:8px}#zoomlabel{font-size:10px;min-width:28px}#stage{height:clamp(460px,65vh,820px);overflow:auto;display:flex;align-items:safe center;justify-content:safe center;padding:30px;background:#e6e6e6}#paper{flex-shrink:0;line-height:0;box-shadow:0 2px 9px #2d2d2d14}canvas{display:block}#canvas{cursor:crosshair}#tiles{background-repeat:repeat}#compareview{display:flex;align-items:center;justify-content:center;gap:20px;width:100%}#compareview figure{margin:0;max-width:calc(50% - 10px);flex:1}#compareview figcaption{text-align:center;font-size:9px;color:#6e6e6e;letter-spacing:.5px;margin-bottom:12px}#compareview canvas{width:100%;height:auto}.status{display:flex;justify-content:space-between;gap:15px;padding:11px 17px;font-size:10px;color:#6e6e6e;border-bottom:1px solid var(--line)}.colour-savebar{display:flex;align-items:center;gap:12px;padding:16px 18px;flex-wrap:wrap}.colour-savebar>label{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:10px}.colour-savebar input{border:0;border-bottom:1px solid #cdcdcd;background:transparent;padding:6px 0;width:165px;font-size:12px;color:var(--ink)}.colour-savebar>button{font-size:11px;padding:9px 12px}.exportbuttons{display:flex;gap:7px;margin-left:auto}.exportbuttons button{font-size:10px;padding:8px 10px}.collectionpanel{border-top:1px solid var(--line);padding:15px 18px}.collectionpanel>summary{font-size:12px;color:#4b4b4b}.collectionpanel>summary span{font-size:9px;color:#6e6e6e;margin-left:9px}#colourways{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;max-height:500px;overflow:auto;margin:18px 0}.waycard{background:#e6e6e6;min-width:0}.waypreview{width:100%;display:block;border:0;padding:0;background:transparent}.waypreview img{display:block;width:100%;height:160px;object-fit:contain}.waymeta{display:flex;align-items:center;gap:6px;padding:9px}.waymeta>button:first-child{flex:1;min-width:0;text-align:left;border:0;font-size:11px;padding:0;word-break:break-word}.waymeta>button:last-child{border:0;padding:0 4px;font-size:13px;color:#6e6e6e}.wayswatches{display:flex;height:7px}.wayswatches i{flex:1}.emptyways{font:16px/1.6 var(--display);color:#6e6e6e;padding:10px 0}.collectionpanel>button{font-size:10px;padding:8px 12px}.scaledesk{padding:0;background:transparent}.scaleheading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:31px 0 26px}.scaleheading .hint{margin:0}.scaleheading>label{font-size:11px;display:flex;align-items:center;gap:8px}.scalelayout{display:grid;grid-template-columns:210px minmax(300px,1fr) 245px;gap:24px;align-items:start}.scalelibrary,.scalesettings{padding:3px 0}.scalelibrary>button{margin-bottom:8px;font-size:11px;padding:10px}.scaledesk input[type=number],#scalesurfacename{background:var(--white);border:1px solid var(--line);border-radius:2px;padding:8px;font-size:11px;min-width:0}.scaleasset{background:#e6e6e6;margin-top:13px}.scaleasset img{display:block;width:100%;height:95px;object-fit:cover}.scaleassetmeta{padding:9px}.scaleassetmeta>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:5px}.scaleassetmeta strong{font-size:11px;font-weight:normal;word-break:break-word}.scaleassetmeta button{font-size:12px;border:0;padding:2px 4px}.scaleassetmeta label{font-size:10px;display:flex;align-items:center;gap:7px;margin-top:8px}.scaleassetmeta input{width:72px;padding:6px!important}.scaleassetmeta .micro{font-size:9px;margin:5px 0}.scalevisual{min-width:0;border:1px solid var(--line);background:var(--white)}.scaletoolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 13px;height:54px;border-bottom:1px solid var(--line)}.scaletoolbar .tabs button{font-size:10px;padding:7px}.scaletoolbar .check{font-size:10px}.scalecanvaswrap{padding:16px;background:#e6e6e6;min-height:350px;display:flex;align-items:center;justify-content:center}#scalecanvas{width:100%;height:auto;max-height:none;touch-action:manipulation}#scalestatus{padding:0 16px;margin-top:15px;min-height:30px}.scaleexport{padding:0 16px 18px;display:flex;gap:8px;flex-wrap:wrap}.scaleexport button{font-size:10px;padding:9px 11px}#roomphototools{padding:14px 14px 4px;border-bottom:1px solid var(--line)}#roomphototools button{font-size:10px;margin:0 5px 7px 0;padding:8px}#roomphototools select{max-width:180px;font-size:10px}.scalesettings>label{display:flex;flex-direction:column;gap:6px;font-size:11px;margin-bottom:15px}.scaledimensions{display:flex;gap:8px;margin:12px 0}.scaledimensions label{width:50%;font-size:11px;display:flex;flex-direction:column;gap:7px}.scaledesk input[type=range]{width:100%;accent-color:var(--accent)}.placement-options label,#scalephotocontrols>label{font-size:11px;display:flex;flex-direction:column;gap:6px;margin-bottom:15px}#scalephotocontrols>.check{flex-direction:row}#scalephotocontrols button{font-size:10px;width:100%;margin:4px 0}.scalerepeats{border-top:1px solid var(--line);padding:14px 0;font-size:11px;color:#6e6e6e;line-height:1.8;margin-top:18px}.presentation-options{border-top:1px solid var(--line);padding:15px 16px;font-size:11px}.presentation-options button{display:block;font-size:11px;width:100%;text-align:left;border:0;padding:9px 0}.presentation-options summary{margin-bottom:10px}footer{margin:25px 4%;display:flex;justify-content:space-between;gap:20px;font-size:9px;color:#6e6e6e;line-height:1.7}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#242424;color:white;box-shadow:0 3px 15px #00000011;border-radius:2px;padding:13px 22px;display:none;max-width:90%;font-size:12px;line-height:1.6;z-index:20}dialog{border:1px solid var(--line);border-radius:3px;background:var(--white);color:var(--ink);padding:30px;width:650px;max-width:94vw;max-height:88vh;box-shadow:0 20px 100px #27272733}dialog::backdrop{background:#2d2d2d70}.dialoghead{display:flex;justify-content:space-between;align-items:start;gap:12px;margin-bottom:18px}.dialoghead h2{font-size:29px}.dialoghead button{padding:5px 8px;border:0}.exportchoice{border-top:1px solid var(--line);padding:20px 0;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.exportchoice>div{flex:1;min-width:185px}.exportchoice strong{font-size:12px}.exportchoice p{color:var(--muted);font-size:11px;line-height:1.6;margin:7px 0 0}.exportchoice button{font-size:11px}.exportchoice label{font-size:10px;display:flex;flex-direction:column;gap:6px}.prices{display:flex;gap:14px;margin:23px 0}.prices>div{flex:1;padding:23px;border:1px solid var(--line)}.prices>div.featured{background:#e6e6e6;border-color:#989898}.prices span{font-size:10px}.prices strong{font:42px var(--display);display:block;margin-top:15px}.prices small{font:13px var(--ui);color:var(--muted)}.prices p,.founder p{font-size:11px;color:var(--muted);line-height:1.6}.founder{padding:18px;background:#e6e6e6}.founder strong{font-size:12px}.founder p{margin:6px 0 0}.billingnote{background:#e6e6e6;padding:15px;font-size:11px;line-height:1.7}.guide{padding-left:20px;font-size:12px;line-height:1.8}.guide li{margin-bottom:16px}.projectitem{display:flex;align-items:center;gap:13px;border-top:1px solid var(--line);padding:15px 0}.projectitem img{width:60px;height:60px;object-fit:cover}.projectitem>div{flex:1}.projectitem strong{font-size:12px}.projectitem p{font-size:10px;color:var(--muted)}.projectitem button{font-size:11px}
@media(min-width:1700px){.app-header{padding-top:34px;padding-bottom:30px}.workflow-panel{margin-top:8px}.colour-workspace{grid-template-columns:285px minmax(0,1fr);gap:40px}.inspiration-layout{grid-template-columns:minmax(0,1fr) 330px;gap:45px}.moodimages{min-height:560px}.moodempty{min-height:560px}.scalelayout{grid-template-columns:230px minmax(300px,1fr) 260px;gap:35px}#stage{height:70vh}}
@media(max-width:1150px){.scalelayout{grid-template-columns:190px minmax(280px,1fr)}.scalesettings{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;border-top:1px solid var(--line);padding-top:20px}.scalesettings h3,.scalesettings>.micro{grid-column:1/-1}.scaledimensions{margin:0}.scalesettings .scalerepeats{margin:0}.scalesettings .secondary-options{margin:0;padding:0;border:0}#scalephotocontrols{grid-column:1/-1}.colour-savebar>label{flex-wrap:wrap;gap:5px}.exportbuttons{margin-left:0}.inspiration-layout{grid-template-columns:minmax(0,1fr) 275px;gap:25px}.moodimages{min-height:420px}.moodempty{min-height:420px}.moodhead{flex-wrap:wrap;gap:10px}.moodcolours{gap:7px}.colour-workspace{grid-template-columns:240px minmax(0,1fr);gap:20px}.colourrow{gap:5px}.colourselect{gap:7px;font-size:10px}.lockbutton{font-size:7px;min-width:27px}.colour-savebar input{width:150px}}
@media(max-width:850px){.brand{font-size:31px}.header-actions{gap:3px}.header-actions>button,.project-menu>summary{font-size:11px}.private{display:none}.workflow-tab{font-size:22px}.workflow-tab>span{margin-right:7px}.inspiration-layout{grid-template-columns:minmax(0,1fr) 230px;gap:20px}.inspiration-board{padding:16px}.moodhead>label:first-child{width:100%}.moodimages{grid-template-columns:repeat(2,minmax(0,1fr));min-height:340px}.moodempty{font-size:22px;padding:25px;min-height:340px}.moodimages.editorial.hasmany .moodcard:first-child{grid-column:span 2;grid-row:auto}.moodcolours{grid-template-columns:repeat(2,minmax(0,1fr))}.palette-generate{flex-wrap:wrap;gap:8px}.board-bottom{align-items:start;flex-direction:column;gap:8px}.workspace-heading h1,.scaleheading h1{font-size:34px}.colour-workspace{grid-template-columns:225px minmax(0,1fr);gap:15px}#compare{font-size:9px;padding:5px;margin-right:0}.toolbar{padding:0 9px;gap:3px}.tabs button{font-size:10px;padding:6px}.tools{gap:1px}.tools button{padding:4px}.uploadbar{flex-wrap:wrap;gap:10px}.uploadbar>div{flex:1;min-width:150px}.inspiration-strip{flex-wrap:wrap;gap:8px}.inspiration-strip>span{font-size:10px}.inspiration-strip>button{font-size:9px}.colour-savebar{gap:8px;padding:14px}.colour-savebar>label{font-size:9px}.colour-savebar input{width:130px}#colourways{grid-template-columns:repeat(2,minmax(0,1fr))}.scaletoolbar{padding:0 7px}.scaletoolbar .tabs button{font-size:9px}.scaletoolbar .check{font-size:9px}.scaleheading{align-items:start}.scaleheading .hint{font-size:11px}}
@media(max-width:650px){.app-header{flex-wrap:wrap;padding:20px 5% 15px;gap:16px}.brand{font-size:34px}.brand>span{font-size:10px}.header-actions{width:100%;justify-content:space-between;gap:4px}.header-actions>button:not(.dark){padding:8px 4px}.header-actions>.dark{margin-left:auto;padding:9px 11px}.projectbar{margin:0 5%;padding:13px 0;flex-wrap:wrap;gap:4px 12px}#projectname{width:185px;font-size:13px}#savestatus{font-size:9px}.workflow-nav{margin:0 5%;gap:13px}.workflow-tab{font-size:17px;padding:15px 0}.workflow-tab>span{display:block;font-size:9px;margin:0 0 6px}.workflow-panel{margin:0 5% 30px}.workspace-heading{padding:24px 0 20px;align-items:start;gap:15px}.workspace-heading h1,.scaleheading h1{font-size:30px}.workspace-heading p:last-child{font-size:11px;max-width:270px}.workspace-heading>button{font-size:10px;padding:10px;max-width:120px}.eyebrow{font-size:8px;margin-bottom:8px}.inspiration-layout{display:flex;flex-direction:column;gap:24px}.inspiration-board{width:100%;padding:14px}.moodhead{align-items:center}.moodhead>label:first-child{width:auto;max-width:65%}#moodname{font-size:23px;width:100%}.moodlayout{font-size:10px}.moodlayout select{font-size:10px;padding:6px}.moodimages{gap:10px;min-height:320px}.moodempty{font-size:22px;min-height:320px;padding:25px 15px}.moodempty span{font-size:11px}.inspiration-palette{width:100%;position:static;padding:0}.moodcolours{grid-template-columns:repeat(3,minmax(0,1fr));margin:15px 0}.moodcolour input[type=color]{height:70px}.palette-generate{justify-content:start;gap:15px;margin:15px 0}.board-bottom{flex-direction:row;gap:12px;align-items:center}.board-bottom p{font-size:9px}.colour-workspace{display:flex;flex-direction:column;gap:22px}.workspace{order:-1;width:100%}.colourpanel{width:100%;padding:0}.toolbar{height:50px;padding:0 10px}.tools #zoomout,.tools #zoomin,.tools #zoomlabel{display:none}#compare{font-size:9px;padding:6px}#stage{height:410px;padding:22px}.uploadbar{padding:12px}.uploadbar p{font-size:9px}.uploadlabel{font-size:10px}.status{font-size:9px;padding:10px 12px}.colour-savebar>label{width:100%;display:flex;align-items:center;gap:10px;font-size:10px}.colour-savebar input{flex:1;width:auto}.colour-savebar>button{flex:1}.exportbuttons button{font-size:9px;padding:9px}.collectionpanel{padding:14px}#colourways{gap:10px}.waypreview img{height:130px}#palette{max-height:350px}.colourselect{font-size:12px}.colourselect small{font-size:10px}.lockbutton{font-size:9px;min-width:40px}.colourrow{gap:12px}.columnlabels{font-size:9px;margin-top:18px}.colourpanel .secondary-options{margin-top:16px}.palettework #themes{grid-template-columns:repeat(3,minmax(0,1fr))}.inspiration-strip{gap:8px;margin-bottom:14px}.inspiration-strip>span{width:100%}#inspirationswatches{min-width:100px}.inspiration-strip>button{font-size:9px;padding:6px}.scaleheading{padding:24px 0 20px;display:block}.scaleheading>label{margin-top:15px}.scalelayout{display:flex;flex-direction:column;gap:22px}.scalelibrary,.scalevisual,.scalesettings{width:100%}.scalelibrary{padding:0}.scalelibrary>button{width:auto;margin-right:5px;font-size:10px}.scalelibrary h3{margin-bottom:7px}.scalelibrary>.micro{font-size:10px}#scaleassets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.scaleasset{margin-top:6px}.scalesettings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;padding-top:18px}.scalesettings h3,.scalesettings>.micro{grid-column:1/-1}.scalesettings .scalerepeats{grid-column:1/-1}.scalesettings>label{font-size:11px;margin:0}.scalesettings .secondary-options{grid-column:1/-1;border-top:1px solid var(--line);padding-top:13px}.scalecanvaswrap{padding:9px;min-height:230px}.scaleassetmeta label{font-size:9px}.scaleassetmeta input{width:65px}.scaleheading .hint{font-size:11px}footer{margin:22px 5%;display:block;font-size:9px}footer span{display:block;margin-bottom:6px}dialog{padding:23px}.dialoghead h2{font-size:26px}.prices{gap:8px}.prices>div{padding:18px 12px}.prices strong{font-size:36px}.projectitem{flex-wrap:wrap}}

/* Art-school direction: an open grid, typographic hierarchy and a quiet canvas. */
:root{--ink:#242424;--paper:#ffffff;--white:#ffffff;--line:#e6e6e6;--muted:#6e6e6e;--accent:#242424;--plum:#242424;--signal:#989898}
body{font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}button,input,select{font-family:var(--ui)}button,.uploadlabel{border-radius:0;font-size:13px}button:hover,.uploadlabel:hover{background:#f8f8f8}.dark,.uploadlabel{background:#242424;border-color:#242424;color:#ffffff}.dark:hover,.uploadlabel:hover{background:#242424}.dark:disabled{opacity:.38}.quiet:hover{background:#f8f8f8}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,canvas:focus-visible{outline:2px solid #4b4b4b;outline-offset:3px}.skip-link{position:absolute;top:8px;left:8px;padding:10px;background:#242424;color:white;transform:translateY(-150%);z-index:30}.skip-link:focus{transform:none}.app-header{padding:29px 4% 26px;border-bottom:1px solid #242424;gap:30px}.brand{font-family:var(--display);font-size:35px;letter-spacing:-1.8px;font-weight:600;line-height:1.05}.brand>span{font-family:var(--ui);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#6e6e6e;margin-top:9px}.header-actions{gap:15px}.header-actions>button:not(.dark),.project-menu>summary{font-size:13px}.header-actions>.dark{font-size:12px;letter-spacing:.01em;padding:12px 17px}.project-menu>div{background:white;border-color:#242424;box-shadow:none;min-width:225px;padding:8px}.project-menu button{font-size:13px}.projectbar{padding-top:17px;padding-bottom:15px}.projectdot{background:#4b4b4b;width:5px;height:5px}#projectname{font-size:15px;color:#242424}#savestatus,.private{font-size:11px;color:#6e6e6e}.workflow-nav{gap:0;border-top:1px solid #e6e6e6;border-bottom:1px solid #cdcdcd;margin-top:5px}.workflow-tab{font-family:var(--display);font-size:20px;font-weight:500;letter-spacing:-.45px;padding:20px 22px;color:#989898;border-right:1px solid #e6e6e6;border-bottom:3px solid transparent}.workflow-tab:first-child{padding-left:0}.workflow-tab:last-child{border-right:0}.workflow-tab.active{border-bottom-color:#242424;color:#242424}.workflow-tab>span{font-family:var(--ui);font-size:10px;letter-spacing:.08em;color:#989898;margin-right:15px}.workflow-tab.active>span{color:#4b4b4b}.workflow-tab:hover{color:#242424;background:#ffffff}.workspace-heading,.scaleheading{padding-top:42px;padding-bottom:30px}.workspace-heading h1,.scaleheading h1{font-family:var(--display);font-size:clamp(34px,3.15vw,53px);font-weight:500;letter-spacing:-1.9px;line-height:1.08;margin-bottom:14px}.eyebrow{font-family:var(--ui);color:#6e6e6e;font-size:10px;letter-spacing:.12em;margin-bottom:12px}.workspace-heading p:last-child,.scaleheading .hint{font-size:13px;color:#6e6e6e}.workspace-heading>button{font-size:13px;padding:13px 19px}.workspace-heading>div{max-width:75%}h2,.scaledesk h3{font-family:var(--display);font-weight:500;letter-spacing:-.7px;font-size:23px}.inspiration-layout{grid-template-columns:minmax(0,1fr) 310px;gap:42px}.inspiration-board{background:#f8f8f8;padding:24px}.moodhead{margin-bottom:24px}.moodhead .smalltitle{font-size:10px;color:#6e6e6e}.smalltitle{color:#6e6e6e}#moodname{font-family:var(--display);font-weight:400;font-size:24px;letter-spacing:-.7px;color:#242424}.moodimages{gap:16px}.moodempty{font-family:var(--display);font-size:24px;letter-spacing:-.6px;border:1px solid #cdcdcd;background:#ffffff;color:#4b4b4b}.moodempty:hover{background:#f8f8f8}.moodempty span{font-family:var(--ui);font-size:12px;color:#6e6e6e;letter-spacing:0}.moodcard{background:white}.moodcardfooter span{color:#6e6e6e;font-size:11px}.moodcardfooter button{font-size:12px}.board-bottom p{color:#6e6e6e}.board-bottom>button{font-size:12px;border-color:#cdcdcd}.inspiration-palette{padding-top:4px}.inspiration-palette .hint{font-size:13px;color:#6e6e6e}.palette-generate label{font-size:12px}.palette-generate button{font-size:12px}.moodcolour{border-color:#e6e6e6;background:white}.moodcolour input[type=color]{height:84px}.moodcolour code{font-family:var(--ui);font-size:10px;color:#6e6e6e}.moodcolour>div{padding:7px}.moodcolours{gap:10px}.inspiration-palette>.micro{font-size:11px;color:#6e6e6e}.secondary-options{border-color:#e6e6e6}.secondary-options>summary{font-size:13px;color:#6e6e6e}.secondary-options>button{font-size:12px}.palettework .theme{border-color:#e6e6e6;background:white}.theme:hover{background:#f8f8f8}.themebar{height:27px}.theme>span{font-size:10px}select{font-size:12px;border-color:#cdcdcd;background:white}.inspiration-strip{border-color:#e6e6e6}.inspiration-strip>span{font-size:12px;color:#6e6e6e}.inspiration-strip>button{font-size:11px}.colourpanel .paneltitle h2{font-size:23px}.paneltitle>span{font-size:10px;color:#6e6e6e}.columnlabels{font-size:9px;color:#989898}.colourrow{border-bottom-color:#e6e6e6;padding-top:10px;padding-bottom:10px}.colourrow.active{background:#f8f8f8;border-left-color:#6e6e6e}.colourselect{font-size:12px}.colourselect small{font-size:10px;color:#989898}.rowarrow{color:#989898}.lockbutton{font-size:9px;color:#989898}.lockbutton.locked{color:#4b4b4b}.asidefooter button{font-size:12px;color:#6e6e6e}.asidefooter button:hover{background:#f8f8f8}.workspace{border-color:#e6e6e6}.uploadbar{border-color:#e6e6e6;padding-top:15px;padding-bottom:15px}.uploadbar strong{font-size:13px;color:#6e6e6e}.uploadbar p{font-size:11px;color:#989898}.toolbar{border-color:#e6e6e6}.tabs button{font-size:12px;color:#989898}.tabs button.active{color:#4b4b4b;border-bottom-color:#6e6e6e}.tabs button:hover{background:#f8f8f8}.tools button{color:#989898}#compare{font-size:11px;border-color:#e6e6e6}#stage{background:#f8f8f8}#paper{box-shadow:0 1px 7px #37373710}.status{color:#989898;border-color:#e6e6e6}.colour-savebar input{border-color:#e6e6e6}.collectionpanel{border-color:#e6e6e6}.collectionpanel>summary{color:#6e6e6e}.waycard{background:#f8f8f8}.waymeta>button:last-child{color:#989898}.emptyways{font-family:var(--ui);font-size:13px;color:#989898}.scalelayout{gap:26px}.scalevisual{border-color:#cdcdcd}.scalecanvaswrap{background:#f8f8f8}.scaletoolbar{border-color:#e6e6e6}.scaleasset{background:#f8f8f8}.scaleassetmeta strong{font-size:12px;color:#6e6e6e}.scaleassetmeta label{font-size:11px;color:#989898}.scaleassetmeta .micro{color:#989898}.scaledesk input[type=number],#scalesurfacename{border-color:#cdcdcd;background:white}.scalerepeats{color:#989898;border-color:#e6e6e6}.scaleheading .hint{color:#6e6e6e}.scaleexport button{font-size:11px}.scalesettings>label,.scaledimensions label{font-size:12px;color:#6e6e6e}.scalesettings>.micro,#scaleexplanation{color:#989898}.scaleheading>label{font-size:12px;color:#989898}.presentation-options{border-color:#e6e6e6}.presentation-options summary{font-size:12px;color:#989898}.presentation-options button{font-size:12px;color:#989898}.presentation-options button:hover{color:#4b4b4b}.studio-footer{margin:70px 0 0;padding:54px 4% 21px;background:#242424;color:#ffffff;display:block;border-top:6px solid var(--signal);font-family:var(--ui)}.footer-main{display:grid;grid-template-columns:minmax(290px,1.8fr) repeat(3,minmax(130px,1fr));gap:40px;padding-bottom:47px}.footer-wordmark{font-family:var(--display);font-size:35px;font-weight:500;letter-spacing:-1.5px;text-decoration:none;color:white;line-height:1.1;display:block}.footer-identity>p{font-size:13px;line-height:1.7;color:#989898;margin:18px 0 20px}.footer-swatchline{display:flex!important;gap:4px}.footer-swatchline i{display:block;width:19px;height:19px;background:#989898}.footer-swatchline i:nth-child(2){background:#989898}.footer-swatchline i:nth-child(3){background:#e6e6e6}.footer-swatchline i:nth-child(4){background:#989898}.footer-swatchline i:nth-child(5){background:#6e6e6e}.footer-group>h2{font-family:var(--ui);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#6e6e6e;margin:5px 0 19px}.footer-group>button{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;border:0;border-bottom:1px solid #242424;color:#cdcdcd;padding:10px 0;font-size:13px;min-height:38px}.footer-group>button span{color:#4b4b4b;font-size:14px}.footer-group>button:hover{background:none;color:#cdcdcd}.footer-group>button:hover span{color:#cdcdcd}.footer-bottom{border-top:1px solid #242424;padding-top:18px;display:flex;gap:25px;align-items:center;color:#4b4b4b;font-size:11px}.footer-bottom>span{margin:0;display:inline}.footer-bottom>button{margin-left:auto;border:0;padding:0;color:#989898;font-size:11px}.footer-bottom>button:hover{background:none;color:#cdcdcd}.studio-footer button:focus-visible,.studio-footer a:focus-visible{outline-color:#989898}.project-menu[open]>summary{background:#f8f8f8}dialog{background:white;border-color:#cdcdcd;box-shadow:none}.dialoghead h2{font-family:var(--display);font-weight:500;letter-spacing:-.9px}.dialoghead .eyebrow{color:#989898}.dialoghead button{color:#cdcdcd}.prices>div.featured{background:#f8f8f8;border-color:#cdcdcd}.prices strong{font-family:var(--display)}.founder,.billingnote{background:#f8f8f8}.projectitem{border-color:#e6e6e6}#storagedialog .hint{font-size:14px;line-height:1.8;color:#989898}
/* Legible neutral UI; colour is reserved for the work and the small signal accent. */
.hint,.micro,.smalltitle,.eyebrow,.uploadbar p,.status,.colourselect small,.scaleassetmeta .micro,.scalerepeats,.scalesettings>.micro,#scaleexplanation,.scaleheading .hint,.presentation-options summary,.presentation-options button,#storagedialog .hint{color:#6e6e6e}.colourselect,.scaleassetmeta strong,.scalesettings>label,.scaledimensions label,.scaleheading>label,.scaleassetmeta label,.tabs button.active,.uploadbar strong{color:#242424}.lockbutton,.asidefooter button,.tools button,.tabs button{color:#6e6e6e}.footer-bottom{color:#6e6e6e}.footer-bottom>button{color:#989898}
@media(min-width:1700px){.app-header{padding-top:36px;padding-bottom:31px}.brand{font-size:41px}.workspace-heading h1,.scaleheading h1{font-size:58px}.inspiration-layout{grid-template-columns:minmax(0,1fr) 340px;gap:50px}.footer-wordmark{font-size:43px}.studio-footer{padding-top:65px}}
@media(max-width:1100px){.footer-main{grid-template-columns:minmax(240px,1.6fr) repeat(3,minmax(100px,1fr));gap:25px}.footer-wordmark{font-size:29px}.inspiration-layout{grid-template-columns:minmax(0,1fr) 275px;gap:26px}.workspace-heading h1,.scaleheading h1{font-size:40px}.header-actions{gap:8px}.workflow-tab{font-size:19px}}
@media(max-width:850px){.brand{font-size:30px}.header-actions>button:not(.dark),.project-menu>summary{font-size:12px}.header-actions>.dark{font-size:11px;padding:11px 13px}.workflow-tab{padding:17px 14px;font-size:18px}.workflow-tab>span{margin-right:8px}.workspace-heading>div{max-width:73%}.workspace-heading h1,.scaleheading h1{font-size:35px}.inspiration-layout{grid-template-columns:minmax(0,1fr) 235px;gap:22px}.inspiration-board{padding:17px}.footer-main{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.footer-identity{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.footer-identity>p{margin:0}.footer-swatchline{grid-column:1;margin-top:17px}.footer-wordmark{font-size:34px}}
@media(max-width:650px){.app-header{padding:23px 5% 17px;gap:18px}.brand{font-size:34px;letter-spacing:-1.8px}.brand>span{font-size:10px;letter-spacing:.1em}.header-actions{gap:6px}.header-actions>.dark{padding:10px 14px}.workflow-tab{font-size:15px;letter-spacing:-.3px;padding:15px 12px}.workflow-tab>span{font-size:9px;margin-bottom:7px}.workflow-tab:first-child{padding-left:0}.workflow-tab:last-child{padding-right:0}.workspace-heading,.scaleheading{padding-top:29px;padding-bottom:24px}.workspace-heading h1,.scaleheading h1{font-size:33px;letter-spacing:-1.3px}.workspace-heading>div{max-width:70%}.workspace-heading p:last-child,.scaleheading .hint{font-size:12px;line-height:1.6}.workspace-heading>button{font-size:11px;padding:11px 12px}.inspiration-layout{display:flex;gap:27px}.inspiration-board{padding:15px}.moodhead{margin-bottom:18px}#moodname{font-size:22px}.moodempty{font-size:22px}.moodempty span{font-size:12px}.inspiration-palette{padding:0}.moodcolour input[type=color]{height:76px}.moodcolour code{font-size:11px}.inspiration-strip>span{font-size:11px}.status{font-size:10px}.colourselect small{font-size:10px}.colourselect{font-size:12px}.footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 23px;padding-bottom:33px}.footer-identity{display:block;grid-column:1/-1}.footer-wordmark{font-size:35px}.footer-identity>p{font-size:13px;margin:14px 0 16px}.footer-swatchline{margin-top:0}.footer-group:last-child{grid-column:1/-1}.footer-group:last-child>button{max-width:100%}.footer-group>h2{font-size:10px;margin:0 0 10px}.footer-group>button{font-size:13px;padding:11px 0}.studio-footer{margin-top:45px;padding:36px 5% 20px}.footer-bottom{display:flex;flex-wrap:wrap;gap:7px 18px;font-size:10px}.footer-bottom>span{display:inline;margin:0}.footer-bottom>button{font-size:10px;margin-left:0;width:100%;text-align:left;padding-top:6px}.scalesettings>label,.scaledimensions label{font-size:12px}#compare{font-size:10px}.presentation-options summary{font-size:12px}}
/* Shared neutral contrast for small controls and labels. */
.workflow-tab{color:#6e6e6e}.workflow-tab>span,.private,#savestatus{color:#6e6e6e}.hint,.micro,.smalltitle,.eyebrow,.uploadbar p,.status,.colourselect small,.scaleassetmeta .micro,.scalerepeats,.scalesettings>.micro,#scaleexplanation,.scaleheading .hint,.presentation-options summary,.presentation-options button,#storagedialog .hint{color:#4b4b4b}.columnlabels,.paneltitle>span,.moodhead .smalltitle,.moodcolour code,.moodcardfooter span,.inspiration-palette .hint,.board-bottom p{color:#6e6e6e}.footer-group>h2{color:#6e6e6e}.footer-bottom{color:#989898}.moodimages .moodempty{border-color:#cdcdcd}.moodempty span{color:#6e6e6e}
/* A quieter, smaller type system and an integrated color editor. */
:root{--display:Georgia,"Times New Roman",serif;--ui:"Source Sans 3",Arial,sans-serif;--accent:#4b4b4b;--plum:#4b4b4b;--signal:#e6e6e6}
body{font-size:13px;font-weight:400;line-height:1.55;background:#ffffff;color:#242424}.brand{font-family:var(--display);font-weight:400;font-size:27px;letter-spacing:.01em;line-height:1.3}.brand>span{font-family:var(--ui);font-size:10px;font-weight:400;letter-spacing:.08em;margin-top:5px}.app-header{padding-top:23px;padding-bottom:21px;border-bottom:1px solid #cdcdcd}.header-actions>button:not(.dark),.project-menu>summary{font-size:12px;font-weight:400}.header-actions>.dark{font-size:12px;padding:10px 15px}.dark,.uploadlabel{background:#4b4b4b;border-color:#4b4b4b}.dark:hover,.uploadlabel:hover{background:#4b4b4b}.projectbar{padding-top:14px;padding-bottom:13px}#projectname{font-size:13px}.workflow-tab{font-family:var(--ui);font-size:14px;font-weight:400;letter-spacing:.015em;padding-top:15px;padding-bottom:15px;border-bottom-width:1px;color:#6e6e6e}.workflow-tab.active{color:#4b4b4b;border-bottom-color:#6e6e6e}.workflow-tab>span{font-size:9px;letter-spacing:.03em}.workspace-heading,.scaleheading{padding-top:31px;padding-bottom:28px;gap:30px}.workspace-heading h1,.scaleheading h1{font-family:var(--display);font-weight:400;font-size:25px;line-height:1.5;letter-spacing:.015em;margin:0 0 11px}.workspace-heading p:last-child,.scaleheading .hint{font-size:12px;line-height:1.8}.eyebrow{font-size:9px;letter-spacing:.08em;margin-bottom:8px}h2,.scaledesk h3{font-family:var(--display);font-size:20px;font-weight:400;letter-spacing:.01em;line-height:1.5}.paneltitle h2,.colourpanel .paneltitle h2{font-size:20px}.workspace-heading>button{font-size:12px;padding:10px 15px}.colour-workspace{grid-template-columns:285px minmax(0,1fr);gap:28px}#palette{max-height:245px;margin-bottom:15px}.colourrow{padding:7px 4px;gap:7px}.colourselect{font-size:12px}.colourselect small{font-size:9px}.originaldot,.replacementdot{width:25px;height:25px;flex-shrink:0;border:1px solid #00000022;border-radius:50%;padding:0}.replacementdot:hover{outline:1px solid #989898;outline-offset:2px}.lockbutton{font-size:8px}.color-inspector{border-top:1px solid #e6e6e6;padding-top:14px;margin-top:12px}.inspector-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px}.inspector-heading>span{font-size:11px;color:#6e6e6e}.inspector-heading>.textbtn{font-size:10px;border:0;text-decoration:underline;color:#989898}.color-inspector .smalltitle{font-size:11px;color:#6e6e6e}.nearbycolors{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:5px;margin:9px 0 18px}.nearbycolors button{padding:0;aspect-ratio:1;border:1px solid #00000022;border-radius:2px;min-height:0}.nearbycolors button:hover{outline:1px solid #6e6e6e;outline-offset:2px}.current-new{display:grid;grid-template-columns:1fr 18px 1.3fr;gap:10px;align-items:center;border-top:1px solid #e6e6e6;padding-top:14px}.current-new>div{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}.current-new>div>span:first-child{font-size:10px;color:#6e6e6e}#source,#currentcolor{display:block;width:35px;height:35px;border:1px solid #00000022;border-radius:50%;padding:0}#sourcehex{font:9px var(--ui);color:#6e6e6e}.color-arrow{color:#989898;text-align:center}.hex-label{font-size:9px;display:flex;align-items:center;gap:5px;color:#6e6e6e}#hex{width:78px;padding:5px;font:11px var(--ui);letter-spacing:.01em;border:1px solid #cdcdcd;background:white;text-transform:uppercase}.wheel-wrap{position:relative;text-align:center;margin:10px 0 13px}#colorwheel{width:170px;height:170px;margin:auto;cursor:crosshair;touch-action:none}.wheel-hint{display:block;font-size:9px;color:#989898;line-height:1.6;margin-top:4px}.brightness-label{display:flex;justify-content:space-between;font-size:10px;color:#6e6e6e}#colorbrightness{width:100%;height:14px;accent-color:#6e6e6e;margin:8px 0 5px}.asidefooter{margin-top:10px;border-top:1px solid #e6e6e6;padding-top:8px}.asidefooter button{font-size:11px}.secondary-options{margin-top:18px;padding-top:13px}.secondary-options>summary{font-size:12px}.color-inspector~.secondary-options #editor{padding-top:0}#moodname{font-family:var(--display);font-size:22px;font-weight:400;letter-spacing:.01em}.moodempty{font-family:var(--display);font-weight:400;font-size:22px;letter-spacing:.01em}.inspiration-board{background:#f8f8f8}.moodempty{background:#ffffff}.moodcolours input[type=color]{border-radius:0}.workspace{background:#ffffff}.uploadbar{padding:12px 16px}.uploadbar strong{font-size:12px;font-weight:400}.tabs button{font-size:11px}.status{font-size:10px}.dialoghead h2{font-family:var(--display);font-size:23px;font-weight:400;letter-spacing:.015em}.prices strong{font-family:var(--display);font-size:36px;font-weight:400}.scaleassetmeta strong{font-weight:400}.studio-footer{margin-top:52px;background:#f8f8f8;color:#6e6e6e;border-top:1px solid #e6e6e6;padding:35px 4% 18px}.footer-main{padding-bottom:30px;gap:40px}.footer-wordmark{font-family:var(--display);font-size:25px;font-weight:400;letter-spacing:.01em;color:#4b4b4b;line-height:1.5}.footer-identity>p{font-size:12px;line-height:1.9;color:#989898;margin:11px 0 0}.footer-swatchline{display:none!important}.footer-group>h2{font-family:var(--ui);font-size:10px;font-weight:400;letter-spacing:.045em;color:#6e6e6e;margin:4px 0 10px;text-transform:none}.footer-group>button{font-size:12px;color:#6e6e6e;border-bottom-color:#e6e6e6;padding:8px 0;min-height:32px}.footer-group>button span{font-size:12px;color:#989898}.footer-group>button:hover,.footer-group>button:hover span{color:#4b4b4b}.footer-bottom{border-top:1px solid #e6e6e6;padding-top:14px;color:#989898;font-size:10px}.footer-bottom>button{font-size:10px;color:#6e6e6e}.studio-footer button:focus-visible,.studio-footer a:focus-visible{outline-color:#989898}
@media(min-width:1700px){.brand{font-size:30px}.workspace-heading h1,.scaleheading h1{font-size:28px}.colour-workspace{grid-template-columns:300px minmax(0,1fr);gap:35px}.footer-wordmark{font-size:28px}.studio-footer{padding-top:40px}}
@media(max-width:1100px){.workspace-heading h1,.scaleheading h1{font-size:24px}.colour-workspace{grid-template-columns:265px minmax(0,1fr);gap:22px}.footer-wordmark{font-size:24px}.workflow-tab{font-size:14px}.brand{font-size:26px}}
@media(max-width:850px){.brand{font-size:25px}.workspace-heading h1,.scaleheading h1{font-size:23px}.colour-workspace{grid-template-columns:245px minmax(0,1fr);gap:17px}.workflow-tab{font-size:13px}.footer-wordmark{font-size:24px}.header-actions{gap:5px}}
@media(max-width:650px){.brand{font-size:27px}.brand>span{font-size:9px}.workspace-heading,.scaleheading{padding-top:25px;padding-bottom:23px}.workspace-heading h1,.scaleheading h1{font-size:23px;letter-spacing:.01em;line-height:1.5}.workspace-heading>div{max-width:70%}.workspace-heading>button{font-size:11px;padding:9px 12px}.workflow-tab{font-size:13px;padding:13px 11px}.workflow-tab>span{font-size:9px}.colour-workspace{display:flex;gap:22px}.colourpanel{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.colourpanel>.paneltitle,.colourpanel>.columnlabels,.colourpanel>#palette{grid-column:1}.colourpanel>.color-inspector{grid-column:2;grid-row:1/6;margin-top:0;border-top:0;padding-top:0}.colourpanel>.asidefooter{grid-column:1}.colourpanel>.secondary-options{grid-column:1/-1}.color-inspector .current-new{grid-template-columns:1fr 1fr;gap:6px}.color-arrow{display:none}.current-new>div{gap:7px}.hex-label{font-size:8px;gap:3px}#hex{width:65px;font-size:10px}.nearbycolors{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-bottom:13px}.nearbycolors button{height:20px;aspect-ratio:auto}#colorwheel{width:150px;height:150px}.wheel-hint{font-size:8px}.brightness-label{font-size:9px}.colourrow{gap:5px;padding:7px 2px}.colourselect{gap:6px;font-size:11px}.colourselect small{font-size:8px}.originaldot,.replacementdot{width:21px;height:21px}.lockbutton{min-width:22px;font-size:7px;padding:2px}.columnlabels{font-size:8px;margin-top:16px}.rowarrow{font-size:10px}#palette{max-height:340px}.footer-identity{display:block}.footer-wordmark{font-size:25px}.footer-identity>p{font-size:12px}.footer-main{gap:25px;padding-bottom:25px}.studio-footer{padding:30px 5% 18px;margin-top:35px}.footer-group>button{font-size:12px}.footer-group>h2{font-size:10px}.footer-bottom,.footer-bottom>button{font-size:10px}}
@media(max-width:370px){.colourpanel{display:block}.color-inspector{margin-top:20px!important;border-top:1px solid #e6e6e6!important;padding-top:15px!important}.nearbycolors{grid-template-columns:repeat(8,minmax(0,1fr))}#colorwheel{width:180px;height:180px}.current-new{grid-template-columns:1fr 18px 1.3fr!important}.color-arrow{display:block}}
.color-inspector .wheel-hint,.brightness-label,#sourcehex,.hex-label{color:#6e6e6e}.wheel-hint{font-size:10px}.footer-wordmark{color:#4b4b4b}.footer-group>button{color:#4b4b4b}.footer-group>h2{color:#6e6e6e}.footer-bottom,.footer-bottom>button{color:#6e6e6e}

/* Single modern type and color system across all workspaces. */
:root{--display:"Source Sans 3",Arial,sans-serif;--ui:"Source Sans 3",Arial,sans-serif;--ink:#242424;--paper:#ffffff;--white:#ffffff;--line:#e5e5e5;--muted:#797979;--accent:#292929;--plum:#292929;--signal:#292929}
body{font-size:13px;font-weight:400;background:#ffffff;color:#242424}.brand{font-family:var(--ui);font-size:33px;font-weight:500;letter-spacing:-1px;line-height:1.15}.brand>span{font-size:10px;font-weight:400;letter-spacing:.09em;color:#888888;margin-top:7px}.app-header{border-bottom:1px solid #e1e1e1;padding-top:25px;padding-bottom:23px}.header-actions>button:not(.dark),.project-menu>summary{font-size:12px;font-weight:400;color:#6a6a6a}.dark,.uploadlabel{background:#303030;border-color:#303030;color:#ffffff}.dark:hover,.uploadlabel:hover{background:#292929;border-color:#292929}.header-actions>#upload{background:#292929;border-color:#292929;color:white}.header-actions>#upload:hover{background:#111111}.projectdot{background:#292929}.projectbar{padding-top:15px;padding-bottom:15px}.workflow-nav{border-top-color:#f0f0f0;border-bottom-color:#e2e2e2}.workflow-tab{font-family:var(--ui);font-size:15px;font-weight:400;letter-spacing:0;border-bottom-width:2px;padding-top:15px;padding-bottom:17px;color:#939393}.workflow-tab.active{color:#292929;border-bottom-color:#292929}.workflow-tab.active>span{color:#292929}.workflow-tab>span{font-size:10px;color:#aeaeae}.workflow-tab:hover{background:#f9f9f9;color:#292929}.workspace-heading,.scaleheading{padding-top:29px;padding-bottom:27px}.workspace-heading h1,.scaleheading h1{font-family:var(--ui);font-size:29px;font-weight:400;letter-spacing:-.65px;line-height:1.35;margin:0 0 10px}.workspace-heading p:last-child,.scaleheading .hint{font-size:12px;line-height:1.75;color:#828282}.eyebrow{color:#949494;letter-spacing:.1em;font-size:9px}.workspace-heading>button{font-size:12px;padding:10px 16px}h2,.paneltitle h2,.colourpanel .paneltitle h2,.scaledesk h3{font-family:var(--ui);font-size:20px;font-weight:400;letter-spacing:-.3px;line-height:1.5}.hint,.micro,.smalltitle,.uploadbar p,.status,.colourselect small,.scaleassetmeta .micro,.scalerepeats,.scalesettings>.micro,#scaleexplanation,.scaleheading .hint,.presentation-options summary,.presentation-options button,#storagedialog .hint{color:#7e7e7e}.colourselect,.scaleassetmeta strong,.scalesettings>label,.scaledimensions label,.scaleheading>label,.scaleassetmeta label,.tabs button.active,.uploadbar strong{color:#4b4b4b}.columnlabels,.paneltitle>span,.moodhead .smalltitle,.moodcolour code,.moodcardfooter span,.inspiration-palette .hint,.board-bottom p{color:#8c8c8c}.colourrow{border-bottom-color:#ededed;border-left-color:transparent}.colourrow.active{background:#f4f4f4;border-left-color:#292929}.lockbutton.locked{color:#292929}.lockbutton,.asidefooter button,.tools button,.tabs button{color:#979797}.asidefooter button:hover{background:#f3f3f3}.replacementdot:hover{outline-color:#292929}.workspace,.scalevisual{border-color:#e6e6e6}.uploadbar,.toolbar,.status,.collectionpanel,.scaletoolbar{border-color:#ececec}#stage,.scalecanvaswrap{background:#f5f5f5}#paper{box-shadow:0 1px 8px #3737370c}.uploadlabel{font-size:11px}.tabs button.active{border-bottom-color:#292929;color:#292929}.inspiration-board{background:#f5f5f5}.moodempty{font-family:var(--ui);font-size:23px;font-weight:400;letter-spacing:-.3px;background:#fbfbfb;border-color:#e3e3e3;color:#8b8b8b}.moodempty:hover{background:#f5f5f5}.moodempty span{font-family:var(--ui);color:#a7a7a7}#moodname{font-family:var(--ui);font-size:23px;font-weight:400;letter-spacing:-.4px;color:#5b5b5b}.moodcolour{border-color:#e7e7e7}.moodcard{background:#ffffff}.scaleasset,.waycard{background:#f7f7f7}.secondary-options,.inspiration-strip,.presentation-options,.scalerepeats{border-color:#ebebeb}.secondary-options>summary{color:#909090}.color-inspector{border-top-color:#e7e7e7}.inspector-heading>span,.color-inspector .smalltitle{color:#8d8d8d}.inspector-heading>.textbtn{color:#a9a9a9}.current-new{border-top-color:#f0f0f0}.current-new>div>span:first-child,#sourcehex,.hex-label,.brightness-label,.color-inspector .wheel-hint{color:#9c9c9c}.color-arrow{color:#cdcdcd}#hex{border-color:#e5e5e5;color:#818181}#colorbrightness,.scaledesk input[type=range],.check input{accent-color:#292929}.nearbycolors button:hover{outline-color:#292929}.color-inspector .smalltitle{font-size:11px}.dialoghead h2{font-family:var(--ui);font-size:25px;font-weight:400;letter-spacing:-.4px}.prices strong{font-family:var(--ui);font-weight:400}.prices>div.featured,.founder,.billingnote{background:#f7f7f7;border-color:#e7e7e7}.studio-footer{background:#fbfbfb;border-top:1px solid #e5e5e5;color:#979797;padding-top:34px}.footer-wordmark{font-family:var(--ui);font-size:29px;font-weight:400;letter-spacing:-.7px;color:#797979}.footer-identity>p{color:#acacac;font-size:12px;line-height:1.8}.footer-group>h2{font-family:var(--ui);font-weight:400;color:#a7a7a7;font-size:10px;letter-spacing:.03em}.footer-group>button{font-size:12px;color:#9c9c9c;border-bottom-color:#eeeeee}.footer-group>button span{color:#d3d3d3}.footer-group>button:hover,.footer-group>button:hover span{color:#292929}.footer-bottom{border-top-color:#e9e9e9;color:#bbbbbb}.footer-bottom>button{color:#b1b1b1}.footer-swatchline{display:none!important}.studio-footer button:focus-visible,.studio-footer a:focus-visible{outline-color:#292929}.project-menu>div{border-color:#e6e6e6;background:white;box-shadow:0 4px 20px #5050500a}.project-menu[open]>summary{background:#f7f7f7}.projectitem{border-color:#ececec}.studio-footer{margin-top:50px}
/* Quiet but legible labels; uploaded artwork supplies the other colors. */
.hint,.micro,.smalltitle,.uploadbar p,.status,.colourselect small,.scaleassetmeta .micro,.scalerepeats,.scalesettings>.micro,#scaleexplanation,.presentation-options summary,.presentation-options button,.columnlabels,.moodhead .smalltitle,.moodcolour code,.moodcardfooter span,.board-bottom p,.color-inspector .smalltitle,.inspector-heading>span,#sourcehex,.hex-label,.brightness-label,.color-inspector .wheel-hint{color:#777777}.footer-wordmark{color:#5f5f5f}.footer-identity>p,.footer-group>h2,.footer-bottom,.footer-bottom>button{color:#969696}.footer-group>button{color:#868686}
@media(min-width:1700px){.brand{font-size:36px}.workspace-heading h1,.scaleheading h1{font-size:33px}.footer-wordmark{font-size:31px}}
@media(max-width:1100px){.brand{font-size:31px}.workspace-heading h1,.scaleheading h1{font-size:28px}.footer-wordmark{font-size:27px}}
@media(max-width:850px){.brand{font-size:28px}.workspace-heading h1,.scaleheading h1{font-size:26px}.workflow-tab{font-size:14px}.footer-wordmark{font-size:27px}}
@media(max-width:650px){.brand{font-size:31px}.brand>span{font-size:9px}.workspace-heading h1,.scaleheading h1{font-size:26px;letter-spacing:-.5px;line-height:1.35}.workflow-tab{font-size:13px;padding-top:13px;padding-bottom:14px}.workspace-heading>button{font-size:11px}.moodempty{font-size:22px}#moodname{font-size:22px}.footer-wordmark{font-size:27px}.studio-footer{padding-top:29px}.footer-group>button{font-size:12px}}

/* Keep frequent editing actions beside the selected color. */
.color-history{margin:10px 0 14px;padding:0;border:0;gap:6px}.color-history button,.inspector-history button{border:1px solid #e5e5e5;background:#ffffff;color:#404040;padding:7px 12px;font-size:12px}.color-history button:first-child,.inspector-history button:first-child{color:#292929;border-color:#d7d7d7}.inspector-history{display:flex;gap:7px;margin:-3px 0 18px}.inspector-heading>.textbtn{color:#292929;font-size:12px}.color-placement{border-top:1px solid #e5e5e5;margin-top:18px;padding-top:14px}.color-placement>label{display:block;font-size:12px;margin-bottom:8px}.color-placement>div{display:flex;gap:6px;flex-wrap:wrap}.color-placement select{flex:1;min-width:95px}.color-placement button{font-size:12px;padding:7px 10px}.palette-generate{flex-wrap:wrap;gap:12px}.palette-generate .extract-primary{width:100%;background:#292929;border-color:#292929;color:#ffffff;font-size:13px;padding:12px}.palette-generate .extract-primary:hover{background:#111111}.image-extract{display:block;width:calc(100% - 16px);margin:8px;padding:9px 12px;background:#ffffff;border-color:#d7d7d7;color:#292929;font-size:12px}.image-extract:hover{background:#f4f4f4}.moodcolour>.palette-position{display:flex;align-items:center;justify-content:space-between;gap:3px;padding:2px 6px 8px;font-size:10px;color:#777777}.palette-position select{padding:3px;font-size:11px;max-width:46px}.colourpanel>.color-history{grid-column:1}.colourpanel>.color-placement{grid-column:1/-1}

.colourpanel>.color-placement{grid-column:1;margin:0 0 16px;padding:0 0 8px;border-top:0;border-bottom:1px solid #e5e5e5}.color-placement .micro{margin-bottom:3px}

.color-inspector .new-color-title{margin-top:16px}#newnearbycolors{margin-bottom:18px}

/* Direct color placement: a handle on each row, with an insertion marker. */
.drag-color-help{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px;color:#777777;font-size:11px;grid-column:1}.drag-color-help button{font-size:11px;padding:5px 9px}.color-drag-handle,.colourrow .color-drag-handle{flex:none;width:26px;min-height:32px;padding:3px;border:0;background:transparent;color:#777777;font-size:22px;line-height:1;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}.color-drag-handle:hover{color:#292929;background:#f3f3f3}.color-drag-handle:disabled{opacity:.2;cursor:default}.color-dragging{opacity:.45}.color-drop-before{box-shadow:0 -3px 0 #292929!important}.color-drop-after{box-shadow:0 3px 0 #292929!important}.moving-color,.moving-color *{cursor:grabbing!important}.moodcolours{display:flex;flex-direction:column;gap:9px;counter-reset:palette-position}.moodcolour{display:flex;align-items:center;gap:9px;padding:6px;overflow:visible;counter-increment:palette-position}.moodcolour::before{content:counter(palette-position);font-size:11px;color:#777777;min-width:13px;text-align:center}.moodcolour input[type=color]{width:46px;height:36px;flex:none}.moodcolour>div{flex:1;padding:0;gap:9px}.moodcolour code{font-size:12px}.moodcolour .color-drag-handle{font-size:22px;padding:3px;width:26px}.moodcolour.excluded{opacity:.55}

/* A brief palette change, followed by a long still interval. */
.studio-footer #footerpalette{display:flex!important;width:max-content;gap:4px;margin-top:19px}.studio-footer #footerpalette i{display:block;flex:none;width:22px;height:22px;border:1px solid #0000000b;border-radius:1px;transition:background-color 1400ms ease;animation:none}.studio-footer #footerpalette i:nth-child(2){transition-delay:70ms}.studio-footer #footerpalette i:nth-child(3){transition-delay:140ms}.studio-footer #footerpalette i:nth-child(4){transition-delay:210ms}.studio-footer #footerpalette i:nth-child(5){transition-delay:280ms}@media(prefers-reduced-motion:reduce){.studio-footer #footerpalette i{transition:none}}

/* Monochrome chrome; the artwork and brief brand color sequence provide color. */
.brand>.brand-recolor{display:inline;font:inherit;letter-spacing:inherit;margin:0;color:inherit;animation:none}.brand>.brand-descriptor{display:block}.studio-footer{background:#fafafa;border-color:#dedede}.footer-wordmark{color:#303030}.footer-identity>p,.footer-group>h2,.footer-bottom,.footer-bottom>button{color:#747474}.footer-group>button{color:#555}.footer-group>button:hover,.footer-group>button:hover span{color:#111}.studio-footer #footerpalette{gap:5px}.studio-footer #footerpalette i{width:32px;height:32px;transition:background-color 800ms ease}.studio-footer #footerpalette i:nth-child(2){transition-delay:60ms}.studio-footer #footerpalette i:nth-child(3){transition-delay:120ms}.studio-footer #footerpalette i:nth-child(4){transition-delay:180ms}.studio-footer #footerpalette i:nth-child(5){transition-delay:240ms}

@media(prefers-reduced-motion:reduce){.brand>.brand-recolor{animation:none}.studio-footer #footerpalette i{transition:none}}

.current-new .new-color-heading{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:5px}.tone-actions{display:inline-flex;gap:0;border:1px solid #dedede;border-radius:2px;overflow:hidden}.tone-actions button{padding:4px 6px;font-size:10px;line-height:1.3;border:0;border-radius:0;background:white;color:#414141}.tone-actions button+button{border-left:1px solid #dedede}.tone-actions button:hover{background:#efefef}.tone-actions button:disabled{opacity:.35}

.color-group-controls{grid-column:1;padding:12px 0 5px}.color-group-controls .separationlabel{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px}.color-group-controls select{min-width:72px;font-size:12px;padding:7px 10px}.color-group-controls .micro{font-size:10px;line-height:1.5;margin:7px 0 4px}

/* Pattern-only collection workspace. Text remains in the interface, outside the artwork. */
.pb-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:30px;align-items:start}.pb-add-actions{display:flex;gap:8px;flex-wrap:wrap}.pb-add-actions button{font-size:12px}.pb-library{min-width:0}.pb-library h2{font-size:19px}.pb-library>.micro{font-size:12px;line-height:1.65;color:#666;margin-bottom:18px}.pb-print{display:flex;align-items:center;gap:3px;border:1px solid #e2e2e2;margin-bottom:10px;background:white}.pb-print.active{border-color:#333}.pb-choose{display:flex;align-items:center;gap:10px;flex:1;min-width:0;padding:10px;border:0;text-align:left}.pb-choose img{width:48px;height:62px;object-fit:cover;background:#f5f5f5;flex:none}.pb-choose>span{min-width:0}.pb-choose strong{display:block;font-size:12px;font-weight:400;overflow-wrap:anywhere}.pb-choose small{display:block;color:#666;font-size:11px;margin-top:7px}.pb-remove{border:0;font-size:18px;padding:6px;color:#777}.pb-work{min-width:0}.pb-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}.pb-toolbar>input{font-size:20px;font-weight:400;border:0;border-bottom:1px solid transparent;min-width:0;width:100%;padding:6px 0;background:none}.pb-toolbar>input:focus{border-color:#ccc}.pb-views{display:flex;flex:none}.pb-views button{font-size:12px;padding:8px 12px;border-radius:0;white-space:nowrap}.pb-views button+button{border-left:0}.pb-views button.active{background:#292929;color:#fff;border-color:#292929}.pb-board{position:relative;aspect-ratio:3/2;width:100%;background:#f4f4f4;overflow:hidden;isolation:isolate}.pb-layer{position:absolute;display:block;padding:0;border:5px solid #fff;border-radius:0;background-color:#fff;background-repeat:repeat;box-shadow:0 2px 8px #00000012;touch-action:none;cursor:grab;transition:none}.pb-layer:hover{background-color:#fff;outline:1px solid #777;outline-offset:-5px}.pb-layer.selected{outline:2px solid #333;outline-offset:-5px}.pb-layer.dragging{cursor:grabbing;box-shadow:0 8px 20px #00000020}.pb-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:30px;background:#fafafa;border:1px dashed #d8d8d8}.pb-empty h2{font-size:27px}.pb-empty p{max-width:400px;font-size:14px;line-height:1.7;color:#666}.pb-empty button{margin-top:12px;font-size:13px}.pb-legend{display:flex;flex-wrap:wrap;gap:6px 15px;margin-top:13px}.pb-legend button{font-size:12px;color:#666;border:0;padding:3px 0;text-align:left}.pb-legend button.active{color:#222;text-decoration:underline;text-underline-offset:4px}.pb-status{color:#666;font-size:12px;line-height:1.6;margin:12px 0 20px}.pb-controls{border-top:1px solid #ddd;padding-top:20px}.pb-selected{display:flex;justify-content:space-between;align-items:center;gap:18px}.pb-selected .smalltitle{font-size:11px}.pb-selected strong{display:block;font-size:15px;font-weight:400;margin-top:4px;overflow-wrap:anywhere}.pb-selected>label{font-size:12px;display:flex;align-items:center;gap:8px;flex:none}.pb-selected select{font-size:12px;padding:8px}.pb-size-row{display:flex;align-items:center;gap:25px;margin:23px 0}.pb-size-row>label{font-size:14px;display:flex;align-items:center;gap:18px;min-width:150px}.pb-size-row output{font-size:13px;color:#666}.pb-size-row>div{display:flex;align-items:center;gap:12px;flex:1}.pb-size-row button{padding:4px 10px;min-height:32px;font-size:18px}.pb-size-row input{flex:1;min-width:50px;accent-color:#333}.pb-arrange{display:flex;flex-wrap:wrap;gap:7px}.pb-arrange button{font-size:12px;padding:8px 11px}.pb-measure{margin-top:20px;font-size:12px;color:#555}.pb-measure summary{width:max-content;max-width:100%;padding:3px 0}.pb-measure p{font-size:12px;line-height:1.7;max-width:550px}.pb-measure label{display:flex;align-items:center;gap:9px}.pb-measure input{width:90px;border:1px solid #ddd;padding:8px}.pb-measure select{font-size:12px}.pb-export{display:flex;gap:9px;flex-wrap:wrap;border-top:1px solid #ddd;margin-top:25px;padding-top:20px}.pb-export button{font-size:12px}.pb-library .paneltitle>span{font-size:11px;color:#777}
@media(max-width:1000px){.pb-layout{grid-template-columns:190px minmax(0,1fr);gap:20px}.pb-size-row{gap:12px}.pb-size-row>label{min-width:130px}.pb-selected{align-items:flex-start}.pb-selected>label{flex-direction:column;align-items:flex-start;gap:4px}}
@media(max-width:700px){.pb-layout{display:flex;flex-direction:column;gap:15px}.pb-library,.pb-work{width:100%}#pbprints{display:flex;gap:8px;overflow-x:auto}.pb-print{min-width:190px;max-width:230px}.pb-library>.micro{margin-bottom:10px}.pb-toolbar{flex-wrap:wrap}.pb-toolbar>input{font-size:20px}.pb-empty h2{font-size:20px}.pb-empty p{font-size:12px;margin:8px 0}.pb-empty button{font-size:12px;margin-top:4px}.pb-size-row{flex-direction:column;align-items:stretch;gap:10px}.pb-size-row>label{justify-content:space-between}.pb-selected>label{flex-direction:row;align-items:center}.pb-layer{border-width:3px}.pb-add-actions button{font-size:11px;padding:8px 10px}}

/* Corner grips resize the swatch frame without stretching its pattern. */
.pb-layer{appearance:none}.pb-resize{position:absolute;z-index:2;width:26px;height:26px;min-height:0;padding:0;border:0;border-radius:0;background:transparent;touch-action:none;opacity:0}.pb-resize::after{content:"";position:absolute;inset:7px;border:1px solid #333;background:white;box-shadow:0 0 0 1px #ffffffb3}.pb-layer.selected>.pb-resize,.pb-layer:hover>.pb-resize,.pb-layer:focus-within>.pb-resize{opacity:1}.pb-resize:hover{background:transparent}.pb-resize-nw{left:-13px;top:-13px;cursor:nwse-resize}.pb-resize-ne{right:-13px;top:-13px;cursor:nesw-resize}.pb-resize-sw{left:-13px;bottom:-13px;cursor:nesw-resize}.pb-resize-se{right:-13px;bottom:-13px;cursor:nwse-resize}.pb-layer.resizing{outline:2px solid #333;outline-offset:-5px}.pb-layer.resizing>.pb-resize{opacity:1}
@media(pointer:coarse){.pb-resize{width:34px;height:34px}.pb-resize::after{inset:10px}.pb-resize-nw{left:-17px;top:-17px}.pb-resize-ne{right:-17px;top:-17px}.pb-resize-sw{left:-17px;bottom:-17px}.pb-resize-se{right:-17px;bottom:-17px}}

.history-note{font-size:12px;line-height:1.7;color:#666;margin:0 0 18px}.version-meta{font-size:11px;color:#666;margin:5px 10px 8px}.version-add{font-size:12px;margin:10px;padding:7px 10px}.waycard .waymeta{gap:7px}#versionhistory{font-size:12px}.collectionpanel .version-meta{line-height:1.5}

.color-collection{margin:0 0 25px;padding:14px 0 16px;border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2}.collection-strip-head{display:flex;align-items:center;gap:15px;margin-bottom:12px}.collection-strip-head>span{font-size:14px}.collection-strip-head small{font-size:11px;color:#666;flex:1}.collection-strip-head button{font-size:11px;padding:5px 9px}#colorcollectionprints{display:flex;gap:10px;overflow-x:auto;padding:2px}.collection-print{display:flex;align-items:center;gap:9px;min-width:150px;max-width:230px;padding:6px 10px 6px 6px;background:white;text-align:left;flex-shrink:0}.collection-print.active{border-color:#333}.collection-print img{height:46px;width:46px;object-fit:cover;flex:none}.collection-print span{font-size:11px;overflow-wrap:anywhere}.pb-selected>#pbrecolor{font-size:12px;padding:8px 10px;flex-shrink:0}
/* One color sweep, settling into an ink-rich textile palette. */
#recolorword{animation:none!important;color:#536f89}
#recolorword>.word-letter{--settled-color:#536f89;display:inline;color:var(--settled-color);animation:recolor-sweep 1600ms ease-in-out calc(200ms + var(--letter-index,0)*110ms) 1 both}
#recolorword>.word-letter:nth-child(2){--settled-color:#667457}
#recolorword>.word-letter:nth-child(3){--settled-color:#8b7048}
#recolorword>.word-letter:nth-child(4){--settled-color:#916674}
#recolorword>.word-letter:nth-child(5){--settled-color:#77586e}
#recolorword>.word-letter:nth-child(6){--settled-color:#4f7777}
@keyframes recolor-sweep{0%{color:#536f89}25%{color:#829ebf}50%{color:#b3905d}72%{color:#a37689}100%{color:var(--settled-color)}}
@media(prefers-reduced-motion:reduce){#recolorword>.word-letter{animation:none!important;color:var(--settled-color)}}
@media(max-width:700px){.collection-strip-head{flex-wrap:wrap;gap:8px}.collection-strip-head small{order:3;flex-basis:100%}.collection-strip-head button{margin-left:auto}.pb-selected{flex-wrap:wrap}}

#recolorword,#recolorword>.word-letter{transform:none!important;translate:none!important;rotate:none!important;scale:none!important}.word-letter{position:static;vertical-align:baseline}

/* Save once in Inspiration; reuse from one clearly labeled palette shelf. */
#moodsave{margin-top:10px;font-size:13px;padding:13px}.palette-save-status{font-size:11px;line-height:1.7;color:#666;margin:10px 0 3px}.palette-view-link{font-size:12px;border:0;padding:4px 0;background:none;text-decoration:underline;text-underline-offset:3px}.mood-export-action{border-top:1px solid #e2e2e2;margin-top:22px;padding-top:16px}.mood-export-action button{font-size:11px;padding:6px 0;border:0;background:none;color:#666}.saved-palette-section{border-top:1px solid #ddd;margin-top:22px;padding-top:18px;grid-column:1/-1}.saved-palette-section .paneltitle h2{font-size:18px}.saved-palette-section .paneltitle>button{font-size:10px;border:0;padding:5px;color:#555}.saved-palette-section>.micro{font-size:11px;line-height:1.6}#savedpalettes{display:flex;flex-direction:column;gap:9px;margin-top:12px}#savedpalettes>.savedpalette{display:flex;width:100%;border:1px solid #dedede;align-items:center;background:#fff}#savedpalettes .savedpalette>button:first-child{display:flex;flex-direction:column;align-items:stretch;gap:7px;flex:1;min-width:0;padding:9px;border:0;background:none}#savedpalettes .saved-palette-colors{display:flex;height:25px;width:100%;border:1px solid #0000000a}#savedpalettes .saved-palette-colors>i{display:block;flex:1;width:auto;height:100%;border:0}#savedpalettes .saved-palette-name{font-size:11px;text-align:left;color:#444;line-height:1.5}#savedpalettes .savedpalette>button:last-child{font-size:17px;align-self:stretch;border:0;border-left:1px solid #eee;padding:0 9px;color:#777}.saved-palette-empty{font-size:11px;line-height:1.7;color:#777;margin:0}

#savedpalettes{max-height:350px;overflow:auto;padding:1px}

/* Selection stays quiet: a thin frame and corner grips, no dark fills or banners. */
.pb-layer.selected,.pb-layer.resizing{outline:1px solid #aaa;outline-offset:-5px}.pb-print.active{border-color:#aaa}.pb-print.active .pb-choose,.pb-choose:focus,.pb-choose:active,.pb-legend button.active,.pb-legend button:focus,.collection-print.active{background:#fff!important;color:#333}.pb-views button.active{background:#fff;color:#222;border-color:#ddd;box-shadow:inset 0 -2px 0 #555}.pb-legend button.active{font-weight:400;text-decoration:underline;text-underline-offset:4px}

/* Explicit, editable names across workspaces. */
.name-label{font-size:12px;font-weight:400;color:#626262;white-space:nowrap}
.name-hint{display:block;max-width:420px;font-size:12px;line-height:1.5;font-weight:400;color:#666;margin-top:7px}
.projectbar>label{display:flex;align-items:center;gap:10px;min-width:0}
#projectname,#moodname,#pbtitle{background:#fff;border:1px solid #ccc;border-radius:2px;padding:8px 10px;min-width:0}
#projectname:hover,#moodname:hover,#pbtitle:hover{border-color:#888}
.collection-name{display:flex;flex:1;flex-direction:column;gap:6px;min-width:0;max-width:440px}
.collection-name #pbtitle{width:100%;font-size:18px}
.moodhead>label:first-child{flex:1;min-width:0}.moodhead #moodname{width:100%}
@media(max-width:650px){.projectbar>label{flex-wrap:wrap}.projectbar>label .name-label{font-size:11px}.collection-name{width:100%;flex-basis:100%}}

.rename-item{font-size:11px;padding:5px 8px;color:#555}.rename-field{display:flex;flex-direction:column;gap:8px}.rename-field input{padding:12px;border:1px solid #bbb;width:100%}.rename-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.download-format{display:flex;align-items:center;gap:8px;font-size:12px;color:#555}.download-format select{padding:8px;border:1px solid #ccc;background:#fff}.pb-export,.colorway-export{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.mood-export-action .download-format{margin-bottom:12px}.savedpalette>.rename-item{flex:none}.waymeta>.rename-item{flex:none}.pb-selected{flex-wrap:wrap}#renamedialog{width:min(460px,calc(100vw - 30px))}#renameerror{color:#8c3434;font-size:12px}

.document-tools{display:flex;flex-wrap:wrap;align-items:center;gap:10px;border-top:1px solid #ddd;padding:14px 0;font-size:12px}.document-tools small{flex-basis:100%;color:#666}.document-tools>span{font-weight:500}.document-tools label{display:flex;gap:7px;align-items:center}.document-tools select{padding:7px;border:1px solid #ccc;background:#fff}.document-tools button{padding:7px 10px}

.cloud-status{border:0;padding:0;font-size:11px;color:#666;text-align:left}.account-actions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}#accountmessage,#accountstorage{font-size:13px;line-height:1.65}#accountemail{color:#666}#cloudconflict{border-top:1px solid #ddd;margin-top:20px;padding-top:14px}#cloudconflict button{margin:5px 6px 5px 0}.cloud-project{display:flex;align-items:center;gap:15px}.cloud-project strong{flex:1}.cloud-project small{color:#777}
.startup-status{font-size:12px;padding:10px 4%;margin:0;border-bottom:1px solid #ddd}.app-loading main{opacity:.35;pointer-events:none}

/* A clear upload surface before the designer opens an artwork. */
.pattern-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:calc(100% - 64px);min-height:360px;margin:32px;background:#fff;border:1px dashed #bbb;color:#333;text-align:center;box-shadow:none;padding:36px 20px;cursor:pointer}.pattern-empty[hidden]{display:none}.pattern-empty:hover{border-color:#333;background:#fcfcfc}.pattern-empty .upload-mark{font-size:32px;font-weight:300;margin-bottom:6px}.pattern-empty strong{font-size:23px;font-weight:400;letter-spacing:-.3px}.pattern-empty>span:not(.upload-mark){font-size:15px;color:#777}.pattern-empty small{font-size:12px;color:#888;line-height:1.5}.pattern-empty small:last-child{margin-top:14px}@media(max-width:600px){.pattern-empty{width:calc(100% - 32px);margin:16px;min-height:300px}}

.color-shelf{padding:0 0 24px;margin-bottom:24px;border-bottom:1px solid #e7e7e7}.color-shelf .micro{margin:7px 0 12px;font-size:12px;line-height:1.5}.reusable-colors{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 18px}.reusable-colors button{display:flex;flex-direction:column;align-items:center;gap:5px;padding:0;border:0;background:transparent;font:inherit;cursor:pointer}.reusable-colors i{display:block;width:38px;height:34px;border:1px solid #0002;border-radius:2px}.reusable-colors code{font-family:var(--ui);font-size:9px;color:#666}.reusable-colors button[aria-pressed=true] i{outline:1px solid #333;outline-offset:3px}.reusable-colors button:hover i{outline:1px solid #777;outline-offset:3px}.coordinate-heading{display:flex;gap:10px;align-items:center;justify-content:space-between;font-size:12px;color:#555}.coordinate-heading select{max-width:150px;font:inherit;padding:5px;border:1px solid #ddd;background:white;color:#444}
.separation-launch{width:100%;margin:4px 0 16px;padding:10px;border:1px solid #d8d8d8;background:#fff;font-size:13px;text-align:left;color:#333}.separation-dialog{width:min(900px,calc(100vw - 36px));max-width:900px}.separation-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(220px,1fr);gap:24px;margin:22px 0}.separation-checker{min-height:250px;display:flex;align-items:center;justify-content:center;padding:18px;background:repeating-conic-gradient(#eee 0% 25%,#fff 0% 50%) 0 0/18px 18px;border:1px solid #e5e5e5}.separation-checker canvas{max-width:100%;max-height:360px;object-fit:contain}.separation-list-actions{display:flex;gap:8px;margin-bottom:10px}.separation-list-actions button{font-size:11px;padding:6px 8px}#separationlayers{max-height:415px;overflow:auto}.separation-row{display:flex;align-items:center;padding:7px 9px;gap:12px;border-bottom:1px solid #eee}.separation-row.active{background:#f5f5f5}.separation-row input{accent-color:#333}.separation-row>button{display:flex;align-items:center;gap:12px;text-align:left;background:none;border:0;padding:3px;flex:1;font-size:14px}.separation-row i{width:33px;height:33px;border:1px solid #0002;flex-shrink:0}.separation-row small{display:block;color:#777;font-size:11px;margin-top:3px}.separation-mode{display:flex;align-items:center;gap:12px;font-size:13px}.separation-mode select,.separation-downloads select{font:inherit;background:#fff;border:1px solid #ddd;padding:6px}.separation-downloads{border-top:1px solid #eee;padding-top:18px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}.separation-downloads label{font-size:12px;margin-right:auto}@media(max-width:640px){.separation-layout{grid-template-columns:1fr}.separation-downloads{align-items:stretch}.separation-downloads label{width:100%}.separation-checker{min-height:180px}}

/* Programmatically focused workspace regions should not frame the whole page. */
.workflow-panel:focus{outline:none}
.palette-browse{width:100%;padding:12px;text-align:left;background:#fff;border:1px solid #ddd;margin:22px 0 0;font-size:13px}.palette-library-dialog{width:min(1000px,calc(100vw - 36px));max-width:1000px}.palette-library-tabs{display:flex;gap:18px;border-bottom:1px solid #ddd;margin:18px 0 24px;overflow:auto}.palette-library-tabs button{border:0;border-bottom:2px solid transparent;border-radius:0;padding:12px 2px;white-space:nowrap;font-size:14px}.palette-library-tabs button[aria-selected=true]{border-bottom-color:#333}.palette-library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:20px 0}.palette-library-card{padding:20px;border:1px solid #e2e2e2;background:#fff;min-width:0}.palette-library-card small{display:block;font-size:11px;color:#777}.palette-library-card h3{font-size:19px;font-weight:400;line-height:1.35;margin:9px 0 14px}.palette-library-card p{font-size:13px;color:#666;line-height:1.7}.palette-library-bar{height:40px;display:flex;margin:-20px -20px 18px}.palette-library-bar i{flex:1}.palette-library-card a{display:inline-block;color:#333;font-size:13px;text-underline-offset:4px;margin-top:8px}.palette-library-actions{display:flex;gap:8px}.palette-library-actions button{font-size:12px;padding:8px 12px}.palette-category{display:flex;align-items:center;gap:12px;font-size:13px}.palette-category select{font:inherit;padding:7px;border:1px solid #ddd;background:white}.palette-bring{border-top:1px solid #ddd;margin-top:28px;padding-top:22px}.palette-bring h3{font-size:20px;font-weight:400;margin:0 0 10px}.palette-bring>label{display:block;font-size:12px;margin:15px 0}.palette-bring input,.palette-bring textarea{display:block;width:100%;margin-top:6px;border:1px solid #ddd;padding:10px;background:#fff;font:inherit}.palette-bring>button{font-size:12px}.palette-library-dialog [role=tabpanel]:focus{outline:none}@media(max-width:650px){.palette-library-grid{grid-template-columns:1fr}.palette-library-tabs{gap:12px}.palette-library-tabs button{font-size:12px}.palette-library-card{padding:16px}.palette-library-bar{margin:-16px -16px 16px}}
.palette-quick-paste{display:flex;align-items:center;gap:15px;margin:18px 0}.palette-quick-paste span{font-size:12px;color:#777;line-height:1.5}.palette-paste-zone{display:flex;align-items:center;flex-direction:column;gap:12px;padding:25px 18px;margin:15px 0 20px;border:1px dashed #bbb;background:#fafafa;text-align:center}.palette-paste-zone strong{font-size:17px;font-weight:400}.palette-paste-zone>span{font-size:12px;color:#777}.palette-paste-zone:focus-visible{outline:1px solid #555;outline-offset:3px}#palettecropcanvas{display:block;width:auto;height:auto;max-width:100%;max-height:350px;object-fit:contain;border:1px solid #ddd;touch-action:none;cursor:crosshair}.palette-crop-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:12px 0 20px;font-size:12px}.palette-crop-controls select{background:white;border:1px solid #ddd;padding:6px;font:inherit}.palette-bring{border-top:0;margin-top:20px;padding-top:0}@media(max-width:600px){.palette-quick-paste{align-items:flex-start}.palette-quick-paste button{flex-shrink:0}}

/* Keep the selected color task compact; optional exploration opens on demand. */
.color-inspector .inspector-history{margin:7px 0 12px;gap:12px}.color-inspector .inspector-history button{padding:3px 0;border:0;font-size:12px;background:none}.color-inspector .current-new{margin:0 0 20px;padding:16px 0 0;gap:10px}.color-inspector #source,.color-inspector #currentcolor{width:46px;height:46px}.color-inspector .current-new>div>span:first-child{font-size:12px}.color-inspector #sourcehex{font-size:11px}.color-inspector .tone-actions{gap:8px}.color-inspector .tone-actions button{font-size:11px}.color-inspector .new-color-heading{gap:7px}.color-inspector .hex-label{font-size:11px;gap:6px}.color-inspector #hex{width:100px;font-size:13px;padding:7px}.color-shelf{padding:0 0 14px;margin:0;border-bottom:0}.color-shelf>.smalltitle{color:#444;font-size:12px}.color-shelf .reusable-colors{gap:9px;margin:12px 0 16px}.color-shelf .reusable-colors i{width:31px;height:31px}.color-shelf .reusable-colors code{display:none}.color-option{border-top:1px solid #e7e7e7;padding:12px 0;font-size:12px}.color-option>summary{color:#666;padding:2px 0;cursor:pointer}.color-option[open]>summary{color:#333;margin-bottom:15px}.color-option .smalltitle{font-size:11px}.color-option .nearbycolors{margin-bottom:18px}.color-option .coordinate-heading{margin:10px 0}.color-inspector>.color-option{margin:0}.color-option .wheel-wrap{margin-top:8px}

.collection-print-item{display:flex;align-items:stretch;position:relative;flex-shrink:0;border:1px solid #ddd;background:#fff}.collection-print-item:has(.collection-print.active){border-color:#555}.collection-print-item .collection-print{border:0;max-width:230px;min-width:150px}.collection-print-remove{flex:none;align-self:flex-start;width:28px;height:28px;min-height:0;padding:0;margin:3px 3px 0 0;border:0;background:transparent;color:#777;font-size:19px;line-height:1;display:flex;align-items:center;justify-content:center}.collection-print-remove:hover{background:#f3f3f3;color:#222}

/* Palette studies and export specifications */
.colorway-actions{display:flex;gap:10px;align-items:center;padding:18px 20px;border-top:1px solid #ddd9d3;background:#f7f7f4;flex-wrap:wrap}.colorway-actions>div{flex:1;min-width:180px}.colorway-actions strong,.colorway-actions span{display:block}.colorway-actions span{font-size:13px;color:#68665f;margin-top:3px}.colorway-lab{width:min(1180px,95vw);max-width:1180px}.lab-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:18px 0}.lab-controls label{display:flex;align-items:center;gap:8px}.lab-controls span{font-size:13px;color:#68665f}.lab-color{display:flex;align-items:center;gap:6px;padding:5px 8px;border:1px solid #dedbd5;border-radius:3px}.lab-color i{display:block;width:20px;height:20px;border:1px solid #0002}.lab-color code{font-size:12px}.lab-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:22px}.lab-card{border:1px solid #ddd9d3;padding:12px;background:white;min-width:0}.lab-image{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:#f3f2ef;overflow:hidden}.lab-image img{width:100%;height:100%;object-fit:contain}.lab-image.lab-repeat{background-size:33.333333% 33.333333%;background-repeat:repeat}.lab-card h3{font-size:17px;margin:12px 0 9px}.lab-colorbar{display:flex;height:18px;border:1px solid #0001}.lab-colorbar i{flex:1}.lab-card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.lab-selection{display:flex;gap:8px;flex-wrap:wrap;max-height:150px;overflow:auto}.lab-selection label{display:flex;align-items:center;gap:7px;padding:7px 10px;background:#f5f4f0;border:1px solid #dedbd5;font-size:14px}.export-preflight{padding:18px;background:#f5f4f0;margin-bottom:20px;border:1px solid #e2dfd8}.export-preflight h3{margin:0 0 12px;font-size:17px}.export-preflight dl{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0}.export-preflight dt{font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:#68665f}.export-preflight dd{margin:4px 0 0;font-size:14px}.export-preflight p{font-size:13px;color:#68665f;line-height:1.5}.colorway-lab [hidden]{display:none!important}@media(max-width:650px){.lab-cards{grid-template-columns:1fr}.export-preflight dl{grid-template-columns:1fr}.colorway-actions{padding:14px}.colorway-actions>div{flex-basis:100%}}
.repeat-quality{display:flex;gap:10px 18px;align-items:center;flex-wrap:wrap;border-top:1px solid #dedbd5;padding:10px 15px;font-size:12px;background:#fafaf8;color:#62645c}.structure-status{font-weight:600;color:#465b4e}.repeat-quality button{margin-left:auto;font-size:12px;padding:6px 10px}.export-rights{font-size:13px;line-height:1.5;color:#53594f;border-left:3px solid #a7b19e;padding-left:12px}

/* A focused starting point, with editing controls revealed after upload. */
.brand>.brand-recolor{color:#000;animation:none!important}
.colourpanel{display:block;padding-top:0}
#patterncontrols{display:block}
#colourpanel .workspace-heading{padding-top:22px;padding-bottom:19px}
#colourpanel .workspace-heading h1{margin-bottom:5px}
#colourpanel .workspace-heading .eyebrow{margin-bottom:5px}
#colourpanel #stage{height:clamp(360px,52vh,640px);padding:22px}
#colourpanel[data-state=empty] #stage{height:390px;padding:24px}
.pattern-empty{width:100%;min-height:0;height:100%;margin:0;padding:24px;gap:9px;border-color:#b8bcb7;background:#fff}
.pattern-empty strong{font-size:23px;font-weight:500}
.pattern-empty>span{font-size:13px;color:#5d625c}
.pattern-empty small{color:#62665f}
.pattern-empty small:last-child{margin-top:6px}
.empty-color-help{padding:16px;border:1px solid #dedfd9;background:#f7f8f4;margin-bottom:14px}
.empty-color-help .eyebrow{margin:0 0 6px;font-size:10px;color:#606957}
.empty-color-help h2{font-size:20px;line-height:1.3;margin:0 0 12px;color:#292d27}
.empty-color-help ol{margin:0;padding-left:18px;font-size:13px;color:#50564b;line-height:1.6}
.empty-color-help li+li{margin-top:5px}
.empty-color-help>button{margin-top:12px;padding:4px 0;border:0;color:#2b382a;font-size:12px;text-decoration:underline;text-underline-offset:3px}
.saved-palette-section{margin:0 0 16px;padding:12px;border:1px solid #dedfd9;background:#fafbf8}
.saved-palette-section .paneltitle{padding:0;gap:8px;align-items:center}
.saved-palette-section .paneltitle h2{font-size:17px;font-weight:500;white-space:nowrap}
.saved-palette-section #browsepalettes{width:auto;flex:none;margin:0;padding:3px 0;border:0;background:none;font-size:11px;color:#364b3b;text-decoration:underline;text-underline-offset:3px}
.saved-palette-section>.micro{margin:5px 0 8px;font-size:12px;line-height:1.4;color:#60675d}
#savedpalettes{margin-top:8px;gap:6px;max-height:165px}
#savedpalettes .savedpalette>button:first-child{padding:6px;gap:4px}
#savedpalettes .saved-palette-colors{height:16px}
#savedpalettes .saved-palette-name{font-size:12px;line-height:1.2}
.saved-palette-empty{font-size:12px;line-height:1.45;margin:0;color:#697063}
#savepalette{display:block;width:100%;font-size:12px;margin-top:9px;padding:7px;color:#263e2c;border-color:#c5cfc2;background:#fff}
#patterncontrols>.paneltitle{padding:0;margin-bottom:5px}
#patterncontrols>.color-group-controls{padding-top:4px}
#patterncontrols .color-group-controls .micro{font-size:11px;margin:5px 0}
#patterncontrols .colourrow{padding-top:6px;padding-bottom:6px}
#patterncontrols .color-inspector{margin-top:13px;padding-top:12px}
#patterncontrols .inspector-history{margin-bottom:12px}
#patterncontrols .color-option{margin-top:10px}
#patterncontrols>.secondary-options{margin-top:12px}
.color-history{margin:8px 0 10px}
#undo,#redo,#reset,#shufflecolors{color:#303b30;background:#fff;border:1px solid #bfc6bc;font-size:12px;font-weight:500;min-height:32px}
#undo:not(:disabled):hover,#redo:not(:disabled):hover,#reset:not(:disabled):hover,#shufflecolors:not(:disabled):hover{background:#e9eee6;border-color:#78876e}
#undo:disabled,#redo:disabled,#reset:disabled,#shufflecolors:disabled{opacity:.4}
#saveway,#makecolorways{background:#253a2c;border-color:#253a2c;color:#fff;font-size:13px;font-weight:600;min-height:40px;padding:10px 16px;box-shadow:0 1px 2px #00000014}
#saveway:not(:disabled):hover,#makecolorways:not(:disabled):hover{background:#17291d;border-color:#17291d}
#saveway:focus-visible,#makecolorways:focus-visible{outline:2px solid #536e4c;outline-offset:3px}
.colorway-actions{padding:13px 16px}
.colour-savebar{padding:13px 16px}
.original-control{position:relative;display:inline-flex;border-right:1px solid #ddd;margin-right:4px;padding-right:7px}
#compare{font-size:11px;color:#414b3d;border:1px solid #d6dbd1;border-radius:3px;background:#fff;padding:5px 8px;white-space:nowrap}
.control-tooltip{display:none;position:absolute;right:0;top:calc(100% + 10px);z-index:20;width:235px;max-width:80vw;padding:10px 12px;background:#28342a;color:#fff;font-size:12px;line-height:1.5;box-shadow:0 3px 12px #0002;border-radius:3px;text-align:left}
.original-control:hover .control-tooltip,.original-control:focus-within .control-tooltip{display:block}
@media(max-width:850px){#colourpanel #stage{height:420px}.saved-palette-section{padding:10px}.saved-palette-section .paneltitle h2{font-size:16px}.saved-palette-section #browsepalettes{font-size:10px}}
@media(max-width:650px){#patterncontrols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 18px}#patterncontrols>.paneltitle,#patterncontrols>.columnlabels,#patterncontrols>#palette,#patterncontrols>.color-history,#patterncontrols>.color-group-controls,#patterncontrols>#openseparations,#patterncontrols>.drag-color-help{grid-column:1}#patterncontrols>.color-inspector{grid-column:2;grid-row:1/8;margin:0;padding:0;border:0}#patterncontrols>.secondary-options{grid-column:1/-1}.saved-palette-section{margin-bottom:14px}.empty-color-help{padding:13px}.empty-color-help ol{font-size:12px}#colourpanel[data-state=empty] .colour-workspace{gap:14px}#colourpanel[data-state=empty] .colourpanel{display:flex;gap:12px}#colourpanel[data-state=empty] .empty-color-help,#colourpanel[data-state=empty] .saved-palette-section{flex:1;min-width:0;margin:0}#colourpanel[data-state=empty] #stage{height:335px;padding:14px}#colourpanel #stage{height:360px;padding:15px}.pattern-empty{padding:18px}.empty-recolor-study>.study-original,.empty-recolor-study>.study-recolored{width:60px;height:60px}.toolbar{flex-wrap:wrap;height:auto;min-height:50px;gap:4px;padding:6px 9px}.toolbar .tools{margin-left:auto}.original-control{border:0;margin:0;padding:0}.original-control #compare{font-size:10px}.colorway-actions{gap:8px}#saveway,#makecolorways{font-size:12px}}
@media(max-width:420px){#colourpanel[data-state=empty] .colourpanel{display:block}#colourpanel[data-state=empty] .empty-color-help{margin-bottom:10px}#patterncontrols{display:block}#patterncontrols>.color-inspector{margin-top:13px;padding-top:12px;border-top:1px solid #ddd}.empty-color-help ol{display:none}.empty-color-help h2{margin-bottom:0}.empty-color-help>button{margin-top:7px}#colourpanel[data-state=empty] #stage{height:300px}}
@media(min-width:421px) and (max-width:650px){#colourpanel[data-state=empty] .saved-palette-section .paneltitle{flex-wrap:wrap;gap:2px}#colourpanel[data-state=empty] .saved-palette-section .paneltitle h2{width:100%}}
.color-spec-panel{border-top:1px solid #e0e4db;margin-top:13px;padding-top:12px}.color-spec-panel>label:not(.check){display:flex;flex-direction:column;gap:4px;font-size:12px;margin-bottom:9px}.color-spec-panel input:not([type=checkbox]){padding:7px 8px;border:1px solid #ccd4c5;width:100%;background:#fff}.color-spec-panel .check{font-size:12px;line-height:1.4;align-items:flex-start}.color-readout{display:block;font:11px/1.6 var(--ui);padding:8px;background:#f0f3ec;color:#3d513b;overflow-wrap:anywhere}.color-spec-panel .micro{font-size:11px;line-height:1.45;margin:6px 0 8px}.bulk-tones{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:10px 16px;border-top:1px solid #e4e8de;font-size:12px}.bulk-tones span{margin-right:auto;color:#5e6b55}.bulk-tones button{font-size:12px;padding:6px 9px}.replacementdot,.originaldot{min-width:30px;min-height:30px}.colourselect{min-height:36px}.duplicate-name{display:flex;flex-direction:column;gap:5px;font-size:13px}.duplicate-name input{padding:9px;border:1px solid #ccd4c5}.duplicate-colors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:20px 0}.duplicate-colors label{display:flex;gap:8px;align-items:center;padding:10px;background:#f3f5ef}.duplicate-colors i{width:25px;height:25px;border:1px solid #0001}.lab-repeat-thumbnail{width:100%;background-size:33.333333% 33.333333%;background-repeat:repeat;border:1px solid #e3e5de}.client-share-dialog{width:min(900px,94vw);max-width:900px}.client-share-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0;max-height:350px;overflow:auto}.client-share-choices label{display:flex;align-items:center;gap:8px;padding:9px;border:1px solid #d9dfd2;min-width:0}.client-share-choices img{width:44px;height:55px;object-fit:contain}.client-share-choices span{font-size:12px;overflow-wrap:anywhere}.client-share-row{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #e0e5d9;font-size:12px}.client-share-row>span{flex:1}.client-share-row button{font-size:11px;padding:6px 9px}#clientlinkresult{padding:14px;background:#f1f5eb;border:1px solid #ccd8c3}#clientlinkresult label{display:flex;flex-direction:column;gap:5px;font-size:12px}#clientshareurl{width:100%;padding:8px;font-size:12px;margin-bottom:10px}#clientlinkresult a,.client-share-row a{color:#305332}#exporttechnicalpdf,#exportrepeatpng,#createclientlink{background:#253a2c;color:#fff;border-color:#253a2c}#duplicatecolorway{font-size:12px}@media(max-width:650px){.client-share-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.duplicate-colors{grid-template-columns:1fr}.bulk-tones span{flex-basis:100%}.client-share-row{flex-wrap:wrap}}
.color-naming{margin:8px 0;font-size:12px}.color-naming summary{cursor:pointer;color:#435b3c;padding:4px 0}.color-naming>label{display:flex;flex-direction:column;gap:4px;font-size:12px;margin:8px 0}.color-naming .micro{margin-bottom:9px}

/* Per-swatch locks occupy the existing lock-button slot. */
.lockbutton{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;color:#71766d}
.lockbutton svg{display:block;flex:none;pointer-events:none}
.lockbutton.locked{background:#e4ecdf;color:#253a2c;box-shadow:inset 0 0 0 1px #bacbb0;border-radius:3px}
.lockbutton:hover{background:#edf1e9;color:#253a2c}
.lockbutton:focus-visible{outline:2px solid #526b47;outline-offset:2px}

/* Keep the replacement swatch circular without moving adjacent controls. */
.colourrow>.replacementdot{width:30px;height:30px;min-width:30px;min-height:30px;max-width:30px;max-height:30px;flex:0 0 30px;aspect-ratio:1;border-radius:50%;padding:0;appearance:none}

/* Action hierarchy after upload: colors only, with existing geometry preserved. */
#colourpanel[data-state="ready"] :is(#saveway,#makecolorways,#exportoptions,#download){background:#23392b;border-color:#23392b;color:#fff;box-shadow:0 1px 3px #17291d24}
#colourpanel[data-state="ready"] :is(#saveway,#makecolorways,#exportoptions,#download):not(:disabled):hover{background:#17291d;border-color:#17291d;color:#fff}
#colourpanel[data-state="ready"] :is(#saveway,#makecolorways,#exportoptions,#download):focus-visible{outline:2px solid #536e4c;outline-offset:3px}
#colourpanel[data-state="ready"] :is(#undo,#redo,#reset,#shufflecolors,#colorundo,#colorredo){background:transparent;border-color:#e1e5dc;color:#646d5f;box-shadow:none}
#colourpanel[data-state="ready"] :is(#undo,#redo,#reset,#shufflecolors,#colorundo,#colorredo):not(:disabled):hover{background:#f1f3ed;border-color:#d0d6c9;color:#485641}

/* Multi-colorway comparison is an additional canvas mode. */
#comparemode{white-space:nowrap}
#comparemode[aria-expanded="true"]{color:#253a2c;border-bottom-color:#253a2c;background:#edf2e8}
#colorwaylab[data-mode="compare"]{width:min(1500px,96vw);max-width:1500px}
#colorwaylab[data-mode="compare"] #labcards{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#colorwaylab[data-mode="compare"] #labcards[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}
#colorwaylab[data-mode="compare"] #labcards[data-count="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}
#colorwaylab[data-mode="compare"] .lab-card{padding:10px}
#colorwaylab[data-mode="compare"] .lab-card h3{margin:12px 0 10px;overflow-wrap:anywhere;line-height:1.3}
#colorwaylab[data-mode="compare"] #labselection{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-height:180px;overflow:auto;padding:2px}
#colorwaylab[data-mode="compare"] #labselection label{display:flex;gap:8px;align-items:center;padding:8px;background:#fafbf8;border:1px solid #d9dfd2;min-width:0;cursor:pointer}
#colorwaylab[data-mode="compare"] #labselection label[data-selected="true"]{background:#edf3e6;border-color:#7e956e;box-shadow:inset 0 0 0 1px #7e956e}
#colorwaylab[data-mode="compare"] #labselection input{flex:none;accent-color:#385535}
#colorwaylab[data-mode="compare"] #labselection img{width:38px;height:42px;object-fit:contain;background:white;flex:none}
#colorwaylab[data-mode="compare"] #labselection span{min-width:0}
#colorwaylab[data-mode="compare"] #labselection strong{display:block;font-size:12px;font-weight:500;line-height:1.3;overflow-wrap:anywhere}
#colorwaylab[data-mode="compare"] #labselection small{display:block;font-size:10px;color:#6d7963;margin-top:3px}
#labcomparecount{font-size:12px;color:#49603e}
.compare-repeat-tile{background-repeat:repeat;background-size:33.333333% 33.333333%;flex:none;max-width:100%}
.lab-repeat-thumbnail.lab-image{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:#f3f2ef}
.compare-return{margin-top:18px;color:#334c2d;border-color:#c6d1bc;background:#f4f7ef}
@media(max-width:900px){#colorwaylab[data-mode="compare"] #labcards[data-count]{grid-template-columns:repeat(2,minmax(0,1fr))}#colorwaylab[data-mode="compare"] #labselection{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:550px){#colorwaylab[data-mode="compare"]{padding:18px 12px}#colorwaylab[data-mode="compare"] #labcards{gap:10px}#colorwaylab[data-mode="compare"] .lab-card{padding:7px}#colorwaylab[data-mode="compare"] .lab-card h3{font-size:14px}#colorwaylab[data-mode="compare"] .lab-card-actions button{width:100%;padding:7px 5px;font-size:11px}#colorwaylab[data-mode="compare"] #labselection label{padding:7px 5px;gap:6px}#colorwaylab[data-mode="compare"] #labselection img{width:28px;height:34px}#colorwaylab[data-mode="compare"] #labselection strong{font-size:11px}#colorwaylab[data-mode="compare"] #labselection small{font-size:9px}}

/* Explain export scope without changing the artwork download controls. */
.export-current-name{font-size:13px;line-height:1.45;color:#68715f;margin:8px 0 0}.export-current-name strong{color:#273c2b;font-weight:500}.exportchoice .export-format-note{font-size:11px;line-height:1.5;color:#6b755f;margin:7px 0 0}.current-chart-choice{background:#f4f7ef;border:1px solid #d7e0cc;padding:16px}.current-chart-choice>div{min-width:0}

/* Local presentation board: the editing workspace remains behind the dialog. */
.present-dialog{box-sizing:border-box;position:fixed;inset:0;margin:0;width:100vw;max-width:none;height:100dvh;max-height:none;border:0;border-radius:0;padding:0;background:#fff;color:#20251e;overflow:auto}
.present-dialog::backdrop{background:#fff}
.present-toolbar{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 28px;border-bottom:1px solid #e7e9e2;background:#fffffff5}
.present-toolbar>span{color:#68705f;font-size:13px;letter-spacing:.08em;text-transform:uppercase}
.present-toolbar>div{display:flex;flex-wrap:wrap;gap:8px}.present-toolbar button{min-height:36px}
.present-picker{padding:20px 32px;border-bottom:1px solid #e7e9e2;background:#fafbf8}.present-picker p{margin:0 0 12px}
#presentchoices{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;max-height:230px;overflow:auto}
#presentchoices label{display:flex;align-items:center;gap:9px;border:1px solid #dfe3d9;border-radius:5px;padding:10px 14px;cursor:pointer;min-height:44px;box-sizing:border-box}
#presentchoices label[data-selected="true"]{background:#eaf0e4;border-color:#7e8f70}#presentchoices input{width:18px;height:18px;accent-color:#34482c}#presentchoices span{overflow-wrap:anywhere}
.present-sheet{max-width:1500px;padding:38px 44px 60px;margin:0 auto}.present-brand{font-size:11px;letter-spacing:.18em;color:#737b6a;margin:0 0 12px}.present-sheet h1{font-size:clamp(25px,3vw,40px);line-height:1.15;margin:0 0 32px;overflow-wrap:anywhere}
.present-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.present-board[data-count="1"]{grid-template-columns:minmax(0,700px);justify-content:center}.present-board[data-count="2"],.present-board[data-count="3"],.present-board[data-count="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}
.present-board figure{margin:0;min-width:0}.present-pattern{aspect-ratio:1;background:#f5f5f1;display:flex;align-items:center;justify-content:center}.present-pattern img{display:block;width:100%;height:100%;object-fit:contain}.present-board figcaption{margin-top:12px;font-size:18px;line-height:1.3;overflow-wrap:anywhere}
.present-reveal{position:fixed;right:14px;top:12px;z-index:3;opacity:.3;font-size:12px;background:#fff}.present-reveal:hover,.present-reveal:focus-visible{opacity:1}
.present-dialog [hidden]{display:none!important}
@media(max-width:700px){.present-toolbar{padding:10px 16px;align-items:flex-start}.present-toolbar>span{display:none}.present-sheet{padding:26px 20px 40px}.present-board{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px}.present-board figcaption{font-size:16px}.present-picker{padding:16px}}
@media print{body:has(#presentdialog[open])>*:not(#presentdialog){display:none!important}#presentdialog[open]{position:static;width:100%;height:auto;overflow:visible}.present-toolbar,.present-picker,.present-reveal{display:none!important}.present-sheet{padding:0}.present-board figure{break-inside:avoid}}

/* Size the artwork from its proportions, never from the scroll position.
   One independent color panel; preview and lower tools keep their natural flow. */
@media (min-width:1101px) and (min-height:700px){
 #colourpanel[data-state="ready"] .colour-workspace>.colourpanel{
  position:sticky;top:16px;max-height:calc(100dvh - 32px);overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scroll-padding-block:16px;scrollbar-gutter:stable;padding-bottom:16px;
 }
 #colourpanel[data-state="ready"] #palette{max-height:none;overflow:visible}
 #colourpanel[data-state="ready"] .colour-workspace>.workspace{align-self:start;height:auto;min-height:0;overflow:visible}
 #colourpanel[data-state="ready"] #previewboundary{height:auto;min-height:0;margin-bottom:0;padding-bottom:0}
 #colourpanel[data-state="ready"] #previewsticky{position:static;height:auto;min-height:0}
 #colourpanel[data-state="ready"] #artworkpreview{height:auto;min-height:0}
 #colourpanel[data-state="ready"] #canvascontrols{height:auto;min-height:54px;flex-wrap:wrap;padding-block:6px}
 #colourpanel[data-state="ready"] #stage{
  width:100%;height:auto;aspect-ratio:var(--artwork-aspect,1.27);
  min-height:clamp(400px,54dvh,560px);max-height:calc(100dvh - 160px);padding:18px;overflow-anchor:none;
 }
 #colourpanel[data-state="ready"] #colorwaytools{height:auto;min-height:0;max-height:none;overflow:visible;margin-top:0;padding-top:0;padding-bottom:16px}
 #colourpanel[data-state="ready"] .colour-savebar{flex-wrap:wrap}
 #colourpanel[data-state="ready"] .colour-savebar>label{min-width:0;flex:1 1 180px}
 #colourpanel[data-state="ready"] .exportbuttons{flex-wrap:wrap}
}
@media print{
 #colourpanel[data-state="ready"] .colour-workspace>.colourpanel{position:static;max-height:none;overflow:visible}
 #colourpanel[data-state="ready"] #stage{height:clamp(360px,52vh,640px)}
}

/* Color rows use fixed control columns; rows never compress inside the list. */
#colourpanel #palette{max-height:none;overflow:visible;padding-block:3px}
#colourpanel #patterncontrols .colourrow{
 display:grid;grid-template-columns:minmax(0,1fr) 12px 32px 34px 24px;align-items:center;column-gap:7px;
 flex:0 0 auto;min-height:70px;padding:12px 10px 12px 4px;
}
#colourpanel .colourrow>.colourselect{display:flex;align-items:center;gap:8px;min-width:0;width:100%;min-height:44px;padding:0;font-size:12px;line-height:1.3}
#colourpanel .colourselect>span:last-child{min-width:0;white-space:normal;overflow-wrap:anywhere}
#colourpanel .colourselect small{font-size:10px;line-height:1.35;margin-top:4px;white-space:normal}
#colourpanel .colourselect>.originaldot,
#colourpanel .colourrow>.replacementdot{
 display:block;width:32px;height:32px;min-width:32px;max-width:32px;min-height:32px;max-height:32px;
 flex:0 0 32px;aspect-ratio:1;border-radius:50%;padding:0;box-sizing:border-box;
}
#colourpanel .colourrow>.rowarrow{display:block;text-align:center;line-height:1;color:#989898}
#colourpanel .colourrow>.lockbutton{width:28px;min-width:28px;max-width:28px;height:32px;min-height:32px;padding:4px;justify-self:center}
#colourpanel .colourrow>.color-drag-handle{width:24px;min-width:24px;max-width:24px;height:32px;min-height:32px;padding:2px;justify-self:center}
#colourpanel #colorcolumnlabels{display:grid;grid-template-columns:minmax(0,1fr) 12px 32px 34px 24px;column-gap:7px;margin-inline:0;padding-inline:4px 10px;border-left:2px solid transparent}
#colourpanel #colorcolumnlabels>span:last-child{grid-column:3 / -1;text-align:left}

/* Extra right-side clearance in the desktop color panel. The wider lock
   track supplies equal gaps to the replacement swatch and the drag handle. */
@media(min-width:1101px){
 #colourpanel #patterncontrols .colourrow{grid-template-columns:minmax(0,1fr) 12px 32px 40px 24px;padding-right:4px}
 #colourpanel #colorcolumnlabels{grid-template-columns:minmax(0,1fr) 12px 32px 40px 24px;padding-right:4px}
}

/* One shared inset for Your colors, including its tools and row controls. */
@media(min-width:1101px){
 #colourpanel #patterncontrols{padding-right:16px}
 #colourpanel #patterncontrols>.drag-color-help>button{flex-shrink:0}
}

/* Session-only palette trimming inside Create colorways. */
#colorwaylab .lab-remove-color{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;min-width:24px;padding:0;margin-left:2px;border:0;border-radius:3px;background:transparent;color:#65705e;font-size:20px;line-height:1}
#colorwaylab .lab-remove-color:hover:not(:disabled){background:#eaf0e4;color:#263b2c}
#colorwaylab .lab-remove-color:focus-visible{outline:2px solid #526b47;outline-offset:2px}
#colorwaylab .lab-remove-color:disabled{opacity:.35;cursor:default}

#colorwaylab #labundoremove{font-size:12px;padding:6px 10px;border-color:#dfe5d9;color:#42523a;background:transparent}
#colorwaylab #labundoremove:hover{background:#f0f4ec}

/* Clear protection state and a larger target within the existing lock column. */
#colourpanel .colourrow>.lockbutton{width:36px;min-width:36px;max-width:36px;height:40px;min-height:40px;padding:7px;border:1px solid #bdc9b5;border-radius:4px;background:#f5f7f2;color:#53684a;cursor:pointer}
#colourpanel .colourrow>.lockbutton.locked{background:#dce9d2;border-color:#809b6f;color:#24492a;box-shadow:inset 0 0 0 1px #abc09c}
#colourpanel .colourrow>.lockbutton:hover{background:#eaf0e3;color:#24492a}
#colourpanel .colourrow>.lockbutton.locked:hover{background:#cddfbe}

#exportdialog .export-structure-note{padding:10px 12px;border-left:3px solid #7e9670;background:#eef3e8;color:#334b2e;line-height:1.5}

/* A light loaded-studio polish: a little more row air and clearer status text. */
#colourpanel[data-state="ready"] #patterncontrols .colourrow{min-height:74px;padding-top:14px;padding-bottom:14px}
#colourpanel[data-state="ready"] .colourselect small{font-variant-numeric:tabular-nums;color:#65705f}
#colourpanel[data-state="ready"] .colourrow>.color-drag-handle:not(:disabled){color:#627059}
#colourpanel[data-state="ready"] .repeat-quality{padding:12px 16px;line-height:1.5;background:#f6f8f2}
#colourpanel[data-state="ready"] #seamstatus{flex:1 1 220px;min-width:0;color:#59654f;overflow-wrap:anywhere}
#colourpanel[data-state="ready"] #checkrepeat{flex:0 0 auto;max-width:100%;white-space:normal}

/* Export heading face; the editor's existing typography is unchanged. */
@font-face{font-family:"Recolor Garamond";src:url("fonts/eb-garamond-regular.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}

/* Presentation boards share the typography of their downloaded sheets. */
.present-sheet{color:#3a3a3a}.present-sheet h1,.present-board figcaption{font-family:"Recolor Garamond",Garamond,Georgia,serif;font-weight:400;color:#3a3a3a}.present-sheet h1{font-size:clamp(26px,3vw,34px)}.present-brand{color:#696761}

/* Palette tools stay together; external browsing lives in the library. */
#colourpanel .palette-area-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;align-items:center}
#colourpanel .palette-area-actions #savepalette{margin:0}
#colourpanel #currentpalettease{font-size:12px;color:#596451;background:transparent;border:1px solid #dfe3d9;padding:7px 10px}

/* A quiet emphasis reserved for the founding designer offer. */
#pricingdialog .founder{background:#f2f4ed;border:1px solid #b9c5ae;border-left:3px solid #809170;border-radius:2px}

/* Quiet modal dismiss controls retain a generous target and keyboard focus. */
dialog .dialoghead>button[aria-label^="Close"]{display:inline-flex;align-items:center;justify-content:center;flex:0 0 32px;width:32px;height:32px;min-width:32px;padding:0;border:0;border-radius:50%;background:transparent;box-shadow:none;color:#777771;font-family:var(--ui);font-size:22px;font-weight:400;line-height:1}
dialog .dialoghead>button[aria-label^="Close"]:hover{background:#f2f2ee;color:#3a3a3a}
dialog .dialoghead>button[aria-label^="Close"]:focus-visible{outline:1.5px solid #89927f;outline-offset:2px;background:#f2f2ee;color:#3a3a3a}

/* Account maintenance is secondary to account and save information. */
#accountdialog #accountstorage{margin-bottom:3px;color:#3a3a3a}
#accountdialog .account-storage-note{margin-top:0;max-width:46ch;color:#696761}
#accountdialog #accountmessage{color:#596153}
#accountdialog .account-actions>.account-secondary{background:transparent;border-color:#e0e2db;color:#696761;font-size:12px;padding:7px 10px}
#accountdialog .account-actions>.account-secondary:hover{background:#f5f6f1;border-color:#c8cec0;color:#3a3a3a}

.palette-library-filters{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;margin-top:18px}.palette-library-filters>span{margin-left:auto}.palette-trend-source{margin:0 0 14px!important;font-size:11px!important}.palette-library-card .reusable-colors{margin-top:12px}.palette-library-card .palette-library-actions{margin-top:12px}@media(max-width:650px){.palette-library-filters{align-items:flex-start;flex-direction:column;gap:12px}.palette-library-filters>span{margin-left:0}.palette-category select{max-width:65vw}}