/* Consumer studio layout. The existing print styles retain physical dimensions. */
@media screen {
:root{--ink:#193d3a;--muted:#526964;--cream:#f4f3ec;--line:#a7b9b1;--green:#116452;--pink:#c66354;--shadow:0 8px 0 #183e3210}html{scroll-behavior:smooth;scroll-padding-top:24px}body{font:16px/1.5 'DM Sans',sans-serif;background:var(--cream);color:var(--ink)}button,input,select{font:inherit}button,.button-link{min-height:44px;border:2px solid var(--line);border-radius:10px;padding:8px 14px;font-weight:600;line-height:1.25}button:hover{border-color:var(--green);background:#e9f3ec}button:disabled{opacity:.42}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #e8a12d;outline-offset:3px}.button-link{text-decoration:none;display:inline-flex;align-items:center}.primary{background:var(--green);color:white;border-color:var(--green)}.outline{border-color:var(--green)}.quiet{font-size:14px}header{padding:17px 32px;gap:24px;border-bottom:2px solid #becbc3;background:#fffef9;min-height:84px}.brand{font:500 23px 'DM Sans';gap:12px;letter-spacing:-.7px;white-space:nowrap}.brand b{font-weight:800}.brand-symbol{display:grid;place-items:center;width:43px;height:43px;border:2px solid #234d42;border-radius:13px;background:#e8be66;font-size:32px;color:#224c42}.header-note{margin-right:auto;font-size:14px;color:var(--muted)}.head-actions{gap:8px}.head-actions button,.head-actions a{font-size:14px}main{max-width:1640px;padding:22px 32px 32px}.intro{margin:0 0 22px;gap:20px}.intro h1{font:600 clamp(27px,2.6vw,39px)/1.15 Fredoka;margin:6px 0 8px;letter-spacing:-.5px}.intro h1 span{color:#9d5145}.intro p{font-size:16px;max-width:none}.eyebrow{font-size:12px;letter-spacing:1.6px;color:#34604f;font-weight:800}.workflow{display:flex;gap:22px;font-size:14px;font-weight:700;color:#64756b}.workflow span{display:flex;align-items:center;gap:7px;white-space:nowrap}.workflow b{border:2px solid #8b9f93;border-radius:50%;width:28px;height:28px;display:grid;place-items:center}.workflow .current{color:#185542}.workflow .current b{background:#185542;color:white;border-color:#185542}.workspace{display:grid;grid-template-columns:390px minmax(0,1fr);gap:24px;align-items:start}.card{border:2px solid #93aaa0;border-radius:20px;box-shadow:var(--shadow);background:#fffefb}.studio{position:sticky;top:16px;padding:18px 24px;overflow:visible;min-width:0;max-height:calc(100dvh - 32px);overflow-y:auto;scrollbar-width:thin}.studio-heading{justify-content:space-between}.studio-heading h2{font:500 23px Fredoka;margin:2px 0 12px}.studio-heading .eyebrow{font-size:11px}.color-station{position:relative;border:2px solid #bdbaa9;border-radius:14px;background:#f5f1e5;padding:0 12px 10px;margin-bottom:12px;perspective:800px;isolation:isolate}.rear-crayons{display:flex;gap:8px;justify-content:space-around;position:absolute;left:36px;right:64px;top:8px;height:49px;transform:rotateX(25deg) scale(.94);transform-origin:bottom;opacity:.4;z-index:-1;pointer-events:none}.rear-crayons i{flex:1;max-width:28px;background:var(--color);clip-path:polygon(50% 0,100% 20%,100% 100%,0 100%,0 20%);border-radius:4px}.crayon-box{height:88px;align-items:flex-end;margin:0 0 7px;padding:0 2px;border-bottom:6px solid #bcaa81;overflow:visible;gap:10px}#crayons{gap:7px;padding-top:24px}.crayon{min-width:24px;max-width:40px;min-height:0;height:49px;border:0;box-shadow:inset -6px 0 #0002,0 2px 1px #0002}.crayon:before{top:-17px;height:18px}.crayon:after{height:23px;top:17px;border-width:2px}.crayon.active{transform:translateY(-9px);outline:2px solid #173f35;outline-offset:3px}.more-color{flex-basis:42px;height:66px;min-height:0;border-left:2px solid #baad8c;margin-left:4px}.rainbow-crayon{width:30px;height:49px}.custom-color-caption{width:33px;font-size:9px;line-height:11px}.palette-actions{margin:0;gap:8px;display:flex;align-items:center;flex-wrap:wrap}.palette-actions label{font-size:14px;gap:7px}.palette-actions select{font-size:14px;padding:6px 25px 6px 8px;min-height:40px;border:2px solid #9bada0}.palette-actions button{font-size:14px;padding:8px;min-height:40px}.palette-actions #clear-section{margin-left:auto}.clear-swatch{width:18px;height:18px;flex-shrink:0}.palette-actions #next-palette{border-radius:22px;border-color:#8f9f90}#rotate-colors{display:none}.color-station.turning .crayon-box{animation:rotateRack .42s ease both}.color-station.turning .rear-crayons{animation:rearRack .42s ease both}@keyframes rotateRack{0%{transform:rotateX(0);opacity:1}45%{transform:rotateX(-48deg) translateY(5px);opacity:.35}100%{transform:rotateX(0);opacity:1}}@keyframes rearRack{0%{transform:translateY(0) scale(.94)}50%{transform:translateY(-9px) scale(1);opacity:.6}100%{transform:translateY(0) scale(.94)}}.tool-strip{display:flex;justify-content:flex-start;gap:6px;border-bottom:2px solid #c0cdc3;padding-bottom:10px;flex-wrap:wrap}.tool-strip button{border:2px solid #97afa3;font-size:15px;min-height:44px;padding:8px 13px;border-radius:9px;background:#fff}.tool-strip button.active{background:#174e42;border-color:#174e42;color:white}.tool-options{gap:16px;min-height:0;background:#edf3ed;padding:9px 12px;border:2px solid #a6bcae;border-radius:12px;margin:10px 0}.tool-options label{font-size:14px;margin:0;line-height:1.3}.tool-options select{font-size:14px;padding:6px;min-height:40px}.tool-options input{min-height:28px}.canvas-history{margin:8px 0;gap:8px}.canvas-history button{min-height:44px;padding:0 13px;gap:8px;border-color:#5d8a79}.canvas-history span{font-size:43px;line-height:1}.canvas-history b{font-size:14px}.canvas-wrap{width:min(100%,max(300px,min(580px,calc(100dvh - 465px))));margin:auto;border:2px solid #a9bbb1;border-radius:16px;padding:5px;background-color:#f0f3ec;background-size:18px 18px}#canvas{width:100%;height:auto}.canvas-footer{font-size:12px;max-width:600px;margin:8px auto;gap:8px}.canvas-footer label.check{font-size:13px}.canvas-footer span{font-size:12px}.corner-mark{display:none}#status{font-size:14px;line-height:1.4;margin:8px 0;padding:8px 12px;min-height:0;border-left:4px solid #2d7255;background:#eef5ed}.studio-bottom{gap:8px}.studio-bottom .check{font-size:13px}.studio-bottom .quiet{padding:4px;min-height:36px;font-size:13px}.small{font-size:14px;line-height:1.5;color:var(--muted)}.muted{font-size:15px;line-height:1.5}.inspector{max-height:calc(100dvh - 32px);overflow:auto;position:sticky;top:16px;scrollbar-width:thin;min-width:0;padding:14px}.inspector-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}#close-inspector{display:none}.library{border:0;background:none}.tabs{padding:0;gap:4px;border:0;border-bottom:3px solid #225c49;overflow:visible}.tabs button{font-size:14px;min-width:0;min-height:56px;padding:8px 7px;flex:1;border:2px solid #91a79a;border-bottom:0;border-radius:10px 10px 0 0;background:#e9eee7;font-weight:700}.tabs button.active{background:#225c49;color:white;border-color:#225c49}.tabs small{display:block;font-size:10px;white-space:nowrap;font-weight:500;margin-top:3px}.tabs button:not(.active):hover{background:#d9e7d9}.panel{padding:17px 0 8px}.panel h2{font:500 22px Fredoka;margin:0 0 8px}.panel>.muted{margin:0 0 12px}.panel label{font-size:15px;gap:7px}.panel .small{font-size:13px}label{font-size:15px;margin:14px 0;gap:7px}label.check{font-size:14px;gap:8px}input[type=checkbox]{width:18px;height:18px;flex-shrink:0}input[type=range]{min-height:30px}input[type=color]{width:55px;height:38px;border:2px solid #91a79a;border-radius:6px;padding:2px}input:not([type=range]):not([type=checkbox]):not([type=color]),select{border:2px solid #98ada0;font-size:15px;padding:9px 11px;min-height:44px;border-radius:9px;background:#fff}input::placeholder{color:#66766b}#templates{grid-template-columns:repeat(3,minmax(0,1fr));max-height:365px;gap:8px;padding:3px}.template{padding:7px;border:2px solid #b1c0b3;min-width:0;background:#fafbf6}.template.selected{outline:2px solid #225c49;background:#e9f2e4}.template img{max-height:100px;aspect-ratio:1;object-fit:contain}.template span{display:block;font-size:12px;font-weight:600}.template small{display:none}.new-actions{margin:10px 0;gap:8px}.new-actions button{font-size:14px;padding:8px 12px}.optional-backing{margin:8px 0 12px;font-size:13px;color:#526b5c}.optional-backing summary{cursor:pointer;padding:6px 0;text-decoration:underline;text-underline-offset:3px}.optional-backing button{font-size:14px}#template-count{font-size:13px}.quick-art{gap:7px}.quick-art button{border:2px solid #a4b9ab;min-height:55px;background:#fff}#icon-results{max-height:260px}#icon-search button{width:100%}.elements-panel{border-top:3px solid #74977f;margin-top:17px;padding-top:15px}.elements-panel h3{font:500 22px Fredoka}.element-row{padding:10px;border:2px solid #9aafa0;border-radius:12px;gap:5px;background:#f5f6ef}.element-row.selected{border-color:#1c674c;background:#e7f2e6}.element-row button{font-size:12px;min-height:39px;padding:7px 9px}.element-row .element-name{font-size:15px;min-height:30px;padding:2px 0 7px}.coming-soon{text-align:center;padding:28px 10px}.coming-soon>span:first-child{display:block;font-size:64px;color:#587d69;line-height:1;margin:6px 0 18px}.coming-soon .eyebrow{display:block;margin-bottom:12px}.coming-soon p{font-size:15px}.coming-soon button{margin-top:10px}#diffuser-options{font-size:14px;padding:12px;border:2px solid #b9ac81;background:#fcf5df}#diffuser-options h3{font-size:20px}#magnifier-help{font-size:13px;margin:8px 0}#line-loupe{width:136px;z-index:4}#line-loupe canvas{width:130px;height:130px}#line-hint{font-size:11px}.print-panel{margin-top:30px;display:grid;grid-template-columns:1fr 1.1fr 1fr .95fr;gap:26px;align-items:start;padding:26px;scroll-margin-top:20px}.print-intro h2{font:500 31px Fredoka;margin:6px 0 10px}.print-intro p{font-size:15px}.print-collection>button{width:100%}.sheet-grid{grid-template-columns:repeat(2,1fr);max-width:250px;margin:12px 0;gap:8px}.empty-slot{min-height:64px;max-height:92px;border:2px dashed #a0b2a2;font-size:24px}.sheet-item{border:2px solid #8ca68d}.sheet-item small{font-size:11px}.print-settings label{margin:0 0 12px}.print-settings .small{font-size:12px}.print-actions button{font-size:15px;margin:0 0 9px}.print-tip{font-size:13px}#pdf-result a,#project-result a{font-size:14px}.print-panel>button{max-width:none}.print-panel h2{margin-top:0}.print-panel .small{font-size:13px}footer{font-size:13px;margin:24px 0 0;align-items:center}footer button{font-size:13px;min-height:44px}.mobile-dock{display:none}dialog{border:2px solid #7a9c85;border-radius:18px;font-size:16px}.preview-page p{font-size:8px}.preview-page h3{font-size:9px}.preview-page small{font-size:7px}
@media(min-width:1550px){.workspace{grid-template-columns:430px minmax(0,1fr)}.inspector{padding:18px}.tabs button{font-size:15px}.template span{font-size:13px}.canvas-wrap{width:min(100%,max(360px,min(680px,calc(100dvh - 465px))))}.color-station{max-width:860px;width:100%;align-self:center}}
@media(max-width:1150px){header{padding:14px 20px}.header-note{display:none}main{padding:20px}.workspace{grid-template-columns:345px minmax(0,1fr);gap:16px}.studio{padding:16px}.inspector{padding:12px}.tool-strip button{padding:8px 10px;font-size:14px}.palette-actions label{font-size:13px}.palette-actions button{font-size:13px}.crayon{min-width:18px}#crayons{gap:5px}.workflow{gap:10px}.print-panel{grid-template-columns:1fr 1fr;gap:22px}.print-panel>label{max-width:none}.print-panel .sheet-grid{max-width:none;grid-template-columns:repeat(4,1fr)}.print-intro{grid-column:1/-1}.print-intro p{margin:5px 0}.print-settings{grid-row:3}.print-actions{grid-row:3}.print-collection{grid-column:1/-1}}
@media(max-width:820px){header{padding:12px 16px;flex-wrap:wrap;gap:12px}.brand{font-size:22px}.head-actions{margin-left:auto}.head-actions button,.head-actions a{font-size:13px}.head-actions a{display:none}main{padding:16px 12px 82px}.intro{margin:0 0 14px}.intro .eyebrow{display:none}.intro h1{font-size:27px}.intro p{font-size:14px}.workflow{display:none}.workspace{display:block}.studio{position:relative;top:auto;max-height:none;overflow:visible;padding:12px;border-radius:16px}.studio-heading h2{font-size:21px;margin-bottom:8px}.studio-heading .eyebrow{font-size:10px}.color-station{padding:0 8px 8px;margin-bottom:10px}.crayon-box{height:82px;gap:10px}#crayons{gap:10px;padding-top:24px}.crayon{min-width:30px;max-width:none;height:44px}.crayon:after{top:14px;height:22px}#crayons .crayon:nth-child(n+7){display:none}.color-station.second-half #crayons .crayon:nth-child(-n+6){display:none}.color-station.second-half #crayons .crayon:nth-child(n+7){display:block}.more-color{flex-basis:35px;height:62px;margin-left:0;padding-left:5px}.rainbow-crayon{width:27px;height:44px}.rear-crayons{left:24px;right:49px;gap:8px;top:5px;height:48px}.rear-crayons i:nth-child(n+7){display:none}.palette-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.palette-actions label{grid-column:1;display:block;margin:0;font-size:0}.palette-actions select{font-size:14px;width:100%;min-height:44px}.palette-actions button{font-size:13px;min-height:44px;justify-content:center}.palette-actions #next-palette{grid-row:1;grid-column:2}.palette-actions #clear-section{grid-row:2;grid-column:2;margin:0}.palette-actions #rotate-colors{display:block;grid-row:2;grid-column:1}.tool-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding-bottom:8px}.tool-strip button{min-width:0;min-height:44px;padding:8px 2px;font-size:12px;white-space:nowrap;border-radius:8px}.tool-options{gap:10px;flex-wrap:wrap;padding:10px;margin:8px 0}.tool-options label{font-size:14px;flex:1 1 90px}.tool-options label:first-child{flex-basis:100%}.canvas-history{gap:8px;margin:7px 0}.canvas-history button{min-height:44px;padding:0 12px}.canvas-history span{font-size:41px}.canvas-history b{font-size:13px}.canvas-wrap{width:min(100%,480px);padding:3px;border-width:2px}.canvas-footer{gap:5px;margin:6px auto;font-size:11px}.canvas-footer .check{font-size:12px}.canvas-footer span{font-size:11px}#status{font-size:13px;margin:6px 0}.studio-bottom{flex-wrap:wrap;justify-content:space-between}.studio-bottom .check{font-size:12px}.studio-bottom .quiet{font-size:12px}.inspector{display:none;position:fixed;inset:auto 8px 68px;top:auto;z-index:20;max-height:65dvh;overflow:auto;border:3px solid #4d7861;box-shadow:0 -16px 60px #143d3433;padding:14px;border-radius:20px}.panel-open .inspector{display:block}.inspector-heading{position:sticky;top:-14px;background:#fffefb;padding:9px 0;z-index:4;margin:0}#close-inspector{display:block;font-size:14px;min-height:44px}.tabs{position:sticky;top:53px;background:#fffefb;z-index:3}.tabs button{font-size:14px;min-height:54px}.tabs small{font-size:10px}.panel{padding:16px 0}.template-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-height:280px}#templates{max-height:280px}.template img{max-height:90px}.template span{font-size:12px}.panel label{font-size:15px}input:not([type=range]):not([type=checkbox]):not([type=color]),select{font-size:16px}.element-row button{min-height:44px;font-size:13px}.element-row .element-name{font-size:15px}.mobile-dock{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:30;background:#fffefb;border-top:2px solid #60876e;padding:8px 12px max(8px,env(safe-area-inset-bottom));gap:10px;box-shadow:0 -4px 16px #143d3414}.mobile-dock button,.mobile-dock a{flex:1;min-height:44px;padding:9px 8px;font-size:14px;font-weight:700;border:2px solid #1e6049;border-radius:10px;text-align:center;text-decoration:none;color:#1e6049}.mobile-dock button{background:#1e6049;color:white}.print-panel{display:flex;flex-direction:column;padding:18px;gap:18px;margin-top:22px}.print-panel>div{width:100%}.print-collection .sheet-grid{grid-template-columns:repeat(4,1fr);max-width:none}.print-intro h2{font-size:29px}.print-settings label{font-size:15px}.print-actions button{width:100%;min-height:48px;font-size:16px}.print-tip{font-size:14px}footer{font-size:12px;gap:6px;align-items:flex-start;margin-top:18px}.optional-backing summary{min-height:44px;display:flex;align-items:center}#line-loupe{width:110px}#line-loupe canvas{width:104px;height:104px}#line-hint{font-size:10px}dialog{max-width:95vw;padding:16px}}
@media(max-width:370px){.head-actions{width:100%;justify-content:flex-end}.brand{font-size:20px}#crayons{gap:6px}.crayon{min-width:25px}.tool-strip button{font-size:11px}.palette-actions button{font-size:12px}.tabs button{padding:7px 3px;font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
}


@media screen and (min-width:821px){
.inspector{grid-column:1;grid-row:1}.studio{grid-column:2;grid-row:1}
.studio{overflow:visible;max-height:none}.canvas-wrap{width:min(100%,max(320px,min(750px,calc(100dvh - 270px))))}
.studio-heading{position:relative;padding-right:220px;min-height:54px}.canvas-history{position:absolute;top:21px;right:22px;margin:0}.studio-heading h2{font-size:25px}.canvas-footer{max-width:750px}.studio-bottom{margin-top:8px}
#color-tools{padding-bottom:16px;border-bottom:3px solid #7d9b86;margin-bottom:20px}.color-station{padding:0 8px 8px}.crayon-box{height:87px}#crayons{gap:8px}.crayon{min-width:28px;max-width:none}#crayons .crayon:nth-child(n+7){display:none}.color-station.second-half #crayons .crayon:nth-child(-n+6){display:none}.color-station.second-half #crayons .crayon:nth-child(n+7){display:block}.rear-crayons i:nth-child(n+7){display:none}.rear-crayons{left:26px;right:55px;gap:12px}.palette-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.palette-actions label{display:block;margin:0;font-size:0}.palette-actions select{font-size:14px;width:100%;min-height:44px}.palette-actions button{font-size:13px;min-height:44px;justify-content:center}.palette-actions #next-palette{grid-row:1;grid-column:2}.palette-actions #clear-section{grid-row:2;grid-column:2;margin:0}.palette-actions #rotate-colors{display:block;grid-row:2;grid-column:1}.tool-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;border-bottom:0;padding:0}.tool-strip button{font-size:14px;padding:8px 4px}.tool-options{flex-wrap:wrap;gap:12px}.tool-options label{flex:1 1 110px;font-size:14px}.tool-options label:first-child{flex-basis:100%}
}

@media screen{.card{border-width:3px;border-color:#6e8d7c}button{border-color:#819e89}input:not([type=range]):not([type=checkbox]):not([type=color]),select{border-color:#789480}.tabs button{border-color:#65846e}.inspector .panel{max-height:430px;overflow-y:auto;scrollbar-width:thin}.inspector .elements-panel{margin-bottom:6px}}
@media screen and (max-width:820px){.canvas-wrap{position:sticky;top:8px;z-index:5;background-color:#f1f5ed;box-shadow:0 4px 12px #163e3210}.color-station{margin-top:12px}.tool-strip{grid-template-columns:repeat(3,1fr)}.tool-strip button{font-size:14px;padding:8px 6px}.inspector{z-index:20}.inspector .panel{max-height:32dvh}.canvas-footer{position:relative;z-index:1}#color-tools{position:relative;z-index:1}.studio-heading h2{margin-bottom:4px}}
@media screen and (max-width:820px){#color-tools{position:sticky;top:calc(min(480px,100vw - 56px) + 16px);z-index:6;background:#fffefb;max-height:max(170px,calc(100dvh - min(480px,100vw - 56px) - 110px));overflow-y:auto;scrollbar-width:thin;padding:0 0 8px;border-radius:12px}.color-station{margin-top:0}}
@media screen and (max-width:820px){
.studio{display:grid;grid-template-rows:auto auto minmax(210px,1fr) auto minmax(190px,.85fr) auto auto;gap:5px;height:max(710px,calc(100dvh - 85px));padding:12px;position:relative;top:auto;overflow:hidden}
.studio-heading{grid-row:1}.canvas-history{grid-row:2;margin:0 0 3px}.canvas-wrap{grid-row:3;position:relative;top:auto;z-index:1;height:100%;width:auto;aspect-ratio:1;max-width:100%;justify-self:center;margin:0;box-shadow:none}.canvas-wrap #canvas{height:100%;width:100%}.canvas-footer{grid-row:4;width:100%;margin:0;line-height:1.2}#color-tools{grid-row:5;position:relative;top:auto;z-index:1;max-height:none;height:100%;overflow:auto;padding:3px 3px 8px;border:2px solid #9eb5a2;border-radius:12px;background:#f4f5ed}.color-station{margin:0 0 8px}.studio #status{grid-row:6;font-size:12px;margin:0;max-height:52px;overflow:auto}.studio-bottom{grid-row:7;margin:0}.studio-bottom .check{margin:0}.intro p{display:none}.intro h1{font-size:25px}.studio-heading h2{font-size:20px}.studio-heading .eyebrow{display:none}.canvas-footer .check{font-size:11px}.canvas-footer span{font-size:10px}
}
@media screen and (max-width:820px){#crayons{gap:6px}.crayon{min-width:26px}.palette-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.palette-actions label,.palette-actions button{min-width:0}#color-tools{overflow-x:hidden}.tool-options label{min-width:0}}
@media screen{.sheet-item,.empty-slot{min-width:0}.sheet-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.empty-slot{min-height:0;max-height:none;width:100%}.sheet-item img{max-width:100%}}
@media screen and (max-width:1150px){.print-collection .sheet-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}

@media screen {
.site-tabs{display:flex;gap:8px;border-bottom:3px solid #225c49;margin:0 0 24px;padding-top:4px}.site-tabs button{border:2px solid #65846e;border-bottom:0;border-radius:12px 12px 0 0;min-height:52px;padding:12px 26px;background:#e9eee7;font-size:17px}.site-tabs [aria-selected=true]{background:#225c49;color:white}
.order-intro{max-width:760px;margin:28px 0}.order-intro h1{font-size:38px}.order-intro p{font-size:18px;color:var(--muted)}.order-layout{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:1100px;margin:0 auto 40px}.order-layout>.card{padding:30px}.order-layout h2{font-size:28px}.kit-badge{display:inline-block;border:2px solid #193d3a;border-radius:30px;padding:6px 12px;font-size:12px;font-weight:800;letter-spacing:1px;margin-bottom:16px}.kit-details ul{padding-left:24px;line-height:1.8}.kit-finish{display:flex;gap:16px;align-items:center;border-top:2px solid #a7b9b1;border-bottom:2px solid #a7b9b1;padding:20px 0;margin:26px 0}.kit-finish p{margin:4px 0;font-size:15px}.black-swatch{display:block;flex:0 0 52px;height:52px;border-radius:50%;background:#121212;border:3px solid #fff;outline:2px solid #444}.kit-quantity label{font-size:17px;font-weight:700}.kit-quantity #kit-quantity{font-size:24px;max-width:180px}.quantity-tiers{width:100%;border-collapse:collapse;font-size:16px}.quantity-tiers th,.quantity-tiers td{padding:13px 10px;border-bottom:2px solid #b9cabe;text-align:left}.quantity-tiers thead{font-size:14px;color:var(--muted)}.quantity-tiers tr.selected{background:#dceee0;box-shadow:inset 4px 0 #225c49}.order-summary{margin-top:24px;padding:20px;background:#edf3ed;border:2px solid #789480;border-radius:14px}.order-summary>strong{font-size:21px}.ordering .mobile-dock{display:none}
}
@media screen and (max-width:820px){.site-tabs{margin-bottom:16px}.site-tabs button{flex:1;padding:12px;font-size:16px}.order-layout{grid-template-columns:minmax(0,1fr);gap:18px}.order-layout>.card{padding:22px}.order-intro h1{font-size:30px}.order-intro p{font-size:16px}.ordering .head-actions a{display:none}}

/* One scrolling tool panel and one adjustable desktop divider. */
@media screen {
#workspace-divider{display:none}.inspector .panel,#templates,#icon-results{max-height:none;overflow:visible}.inspector{overflow-x:hidden}.inspector input,.inspector select{min-width:0;max-width:100%}.inspector .panel{min-width:0}.canvas-footer{flex-wrap:wrap}.canvas-footer span{font-size:12px}
}
@media screen and (min-width:821px){
.workspace{grid-template-columns:var(--tools-width,430px) 16px minmax(0,1fr);gap:10px}.inspector{grid-column:1;grid-row:1}.studio{grid-column:3;grid-row:1}
#workspace-divider{display:flex;grid-column:2;grid-row:1;align-items:center;justify-content:center;height:calc(100dvh - 40px);max-height:900px;position:sticky;top:16px;border:2px solid #91aa9a;border-radius:10px;background:#dce7dd;cursor:col-resize;touch-action:none;color:#315d49;font-size:24px}
#workspace-divider:hover,#workspace-divider:focus-visible{background:#bbd5c4;outline:3px solid #23654e;outline-offset:2px}.resizing-workspace,.resizing-workspace *{cursor:col-resize!important;user-select:none!important}.inspector .panel{overflow:visible;max-height:none}.studio-heading{padding-right:200px}.studio-heading h2{overflow-wrap:anywhere}
}
@media screen and (min-width:821px) and (max-width:1100px){.studio-heading{padding-right:0;padding-bottom:50px}.canvas-history{top:67px;left:16px;right:auto}.canvas-history button{padding:0 9px}}

@media screen and (max-width:820px){.studio{grid-template-rows:auto auto minmax(210px,1fr) minmax(190px,.85fr) auto auto}#color-tools{grid-row:4}.studio #status{grid-row:5}.studio-bottom{grid-row:6}}

@media screen{.design-paging{display:flex;gap:8px;margin:16px 0}.design-paging button{flex:1;font-size:14px}.template img{background:#fff}.element-row{flex-wrap:wrap}}

@media screen{.template img{max-height:none;aspect-ratio:1;object-fit:contain}}

@media screen{.design-controls{padding:16px;border:2px solid #547b64;border-radius:14px;background:#edf4eb;margin:18px 0}.design-controls h3{margin:0 0 6px;font-size:22px}.design-controls>p{margin:6px 0 12px}.design-control-pair{display:flex;align-items:center;justify-content:space-between;gap:12px}.design-control-pair label{margin:0;font-size:17px;font-weight:700}.design-number{display:flex;align-items:center;gap:5px}.design-number input{width:90px!important;padding:8px!important;font-size:17px}.design-controls input[type=range]{width:100%;margin:12px 0 18px}.design-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.design-actions button{font-size:16px;min-height:44px}#lock-design[aria-pressed=true]{background:#225c49;color:#fff}#adjust-design{padding:6px 12px;margin-top:4px;font-size:14px}.design-element{background:#e4eddf}}

.design-controls summary{cursor:pointer;font-size:20px;font-weight:700}.design-controls[open] summary{margin-bottom:12px}

@media screen {
 #adjust-design{border:3px solid #225c49;border-radius:999px;padding:10px 20px;font-size:18px;font-weight:700;background:#edf4eb;min-height:48px}
 #adjust-design:hover{background:#dceadc;box-shadow:0 2px 0 #225c49}
 .crop-toggle{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;font-size:16px;font-weight:600}
 .crop-toggle input{width:22px;height:22px;accent-color:#225c49}
 .crop-hint{font-size:14px;font-weight:400}
 .precision-control{display:flex;align-items:center;gap:8px;flex-shrink:0}
 .precision-control .precision-step{min-width:48px;min-height:48px;padding:6px;font-size:25px;border:2px solid #547b64;border-radius:10px;color:#225c49;background:#fff}
 .precision-control .precision-step:hover{background:#dceadc}
 .precision-control .design-number{display:flex;flex-direction:row;gap:4px}
 .precision-control .design-number input{width:80px!important}
 @media(max-width:1100px){.design-control-pair{flex-wrap:wrap}.crop-hint{display:none}}
}

.design-overview{display:flex;align-items:center;gap:12px;margin:12px 0}
#design-overview{display:block;width:140px;height:140px;max-width:45%;object-fit:contain;background:#fff;border:2px solid #8ba796;border-radius:12px;touch-action:none}
.design-overview p{font-size:15px;line-height:1.4;margin:0}