/* One workspace: tools at left, an uninterrupted stage, and contextual editing. */
:root{--paper:#f1f2ed;--white:#fffefa;--line:#dce0d7;--muted:#63716c}
.is-studio main{max-width:none}
.booth-studio{padding:0 22px 20px}
.studio-toolbar{min-height:78px;display:flex;justify-content:space-between;align-items:center;gap:22px;border-bottom:1px solid var(--line)}
.studio-brand{position:relative;display:flex;align-items:center;gap:15px;min-width:0}
.studio-brand>a{font:900 18px Georgia,serif;letter-spacing:-1px;border-right:1px solid #b9c4ba;padding-right:16px}
.studio-brand h1{font:normal 30px/1 Georgia,serif;letter-spacing:-1px;margin:0;white-space:nowrap}
.dev-badge{font-size:8px;letter-spacing:1.1px;padding:4px 6px;border:1px solid #bdcec2;border-radius:3px;color:#62776b;white-space:nowrap}
.studio-actions{display:flex;gap:8px;flex-wrap:wrap}.studio-actions button{padding:9px 12px;font-size:11px}.studio-actions #options-count{font-size:9px;background:#dfe8dc;border-radius:3px;padding:2px 4px;margin-left:3px}
.project-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:11px 0}.booth-studio .project-bar label{display:flex;align-items:center;gap:12px;margin:0;white-space:nowrap}.booth-studio .project-bar input{margin:0;width:280px;background:transparent;border-color:transparent;padding:6px 8px}.project-bar input:hover,.project-bar input:focus{background:var(--white);border-color:var(--line)}.project-bar>span{font:italic 14px Georgia,serif;color:#7c8a7c}
.workspace-status{padding:18px;background:#e5eddf;border-radius:5px;font-size:13px;margin:14px 0}
.booth-layout{display:grid;grid-template-columns:310px minmax(280px,1fr) 258px;gap:18px;align-items:start}
.build-panel,.piece-panel{min-width:0;background:var(--white);border:1px solid var(--line);border-radius:9px}
.build-panel{overflow:hidden}.piece-panel{padding:19px;max-height:calc(100dvh - 170px);overflow:auto;scrollbar-width:thin}
.tool-menu{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:6px;gap:3px;border-bottom:1px solid var(--line);background:#f9faf5}
.tool-menu button{display:flex;flex-direction:column;align-items:center;gap:4px;background:transparent;border:1px solid transparent;border-radius:5px;padding:9px 2px;font-size:10px;color:var(--muted)}.tool-menu button>span{font:21px/24px Georgia,serif;height:24px}.tool-menu svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round}.tool-menu button:hover{background:#edf1e9}.tool-menu button[aria-pressed=true]{background:#e1ece1;color:var(--ink);border-color:#c7d6c8;font-weight:650}
.tool-scroll{height:calc(100dvh - 246px);min-height:320px;overflow:auto;scrollbar-width:thin;scrollbar-gutter:stable}.tool-content{padding:20px 17px}.tool-heading{margin-bottom:22px}.tool-heading h2{font:normal 25px/1.2 Georgia,serif;letter-spacing:-.5px;margin:0}.tool-heading p{font-size:11px;color:var(--muted);margin:7px 0 0;line-height:1.6}.booth-studio h3{display:block;font-size:12px;font-weight:650;text-transform:none;letter-spacing:0;margin:0;color:var(--ink)}
.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:9px;margin-bottom:20px}.panel-heading h2{font:normal 23px Georgia,serif}.panel-kicker{font-size:8px;letter-spacing:1.1px;color:#89948b}
.booth-studio label,.studio-dialog label{display:block;font-size:11px;font-weight:550;color:var(--muted);margin:0 0 15px}
.booth-studio input:not([type=range]),.booth-studio select,.booth-studio textarea,.studio-dialog input:not([type=color],[type=file]),.studio-dialog select{display:block;width:100%;min-width:0;margin-top:6px;background:var(--white);color:var(--ink);border:1px solid #cbd1c7;border-radius:5px;padding:10px;font:13px/1.35 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.booth-studio textarea{resize:vertical;min-height:65px}.booth-studio textarea:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.booth-studio input[type=range]{display:block;width:100%;margin:11px 0 6px;accent-color:var(--ink);cursor:pointer}.booth-studio .value{float:right;color:var(--ink);font-weight:500}.booth-studio .help{margin:10px 0 14px;font-size:11px;line-height:1.6}.booth-studio input:disabled{opacity:.5}
.paired{display:grid;grid-template-columns:1fr 1fr;gap:8px}.paired button{padding:9px 5px;font-size:11px}.paired label{min-width:0}
.panel-section{border-top:1px solid var(--line);padding-top:19px;margin-top:21px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.section-heading .help{margin:0;font-size:10px}
.quiet{border:0;background:none;font-size:10px;padding:2px 0;text-decoration:underline;text-underline-offset:3px}.full{width:100%}
.text-art-callout{border-top:1px solid var(--line);margin-top:28px;padding-top:24px}.text-art-callout>span{font-size:24px;color:#8c9f88}.text-art-callout h3{margin:8px 0}.text-art-callout p{font-size:11px;color:var(--muted);line-height:1.7;margin:8px 0 15px}
.design-inks{display:flex;gap:7px;flex-wrap:wrap}.ink-pill{display:flex;align-items:center;gap:7px;font-size:11px;padding:8px;border:1px solid var(--line);background:transparent;border-radius:5px}.ink-pill:before{content:'';width:20px;height:20px;border-radius:50%;background:var(--swatch);border:1px solid #0002}.color-trigger{width:29px;height:29px;border:3px solid var(--white);outline:1px solid #a6b3a8;border-radius:50%;flex-shrink:0}.selected-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:17px;font-size:13px}
#inks-panel>.panel-section:first-of-type{margin-top:0;padding-top:0;border-top:0}
/* Artwork lives beside the design, with direct add and optional close-up. */
.art-search{position:relative}.art-search input{padding-right:32px!important}.art-search kbd{position:absolute;right:10px;top:10px;font:11px monospace;color:#9ba69b;border:1px solid var(--line);padding:0 4px;border-radius:2px}
.tool-content .view-tabs{width:100%;gap:0;justify-content:space-between;margin:0 0 16px}.view-tabs button{font-size:11px;padding:7px 0}.view-tabs span{font-size:9px;padding:1px 4px;margin-left:2px}
.art-filters{border-bottom:1px solid var(--line);padding-bottom:12px;margin-top:4px}.art-filters summary{font-size:11px;cursor:pointer}.art-filters summary span:not(:empty){font-size:9px;background:#e1ece1;border-radius:3px;padding:2px 5px;margin-left:4px}.filter-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 8px;padding-top:15px}.filter-fields label{min-width:0;font-size:10px}.filter-fields select{font-size:11px;padding:7px}
.results-meta{margin:9px 0;font-size:10px;min-height:26px}.results-meta button{font-size:10px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.card{border-radius:6px;transition:border-color .15s}.card:hover{transform:none;border-color:#8a9c91}.open-card{position:relative}.open-card:after{content:'+';position:absolute;top:6px;right:7px;font-size:17px;line-height:1;color:#8a9c91}.open-card:hover:after{color:var(--ink)}.art{height:90px;border:0;background:#fafbf7}.art img{width:85%;height:80%;object-fit:contain}.card-info{padding:6px 8px 8px;min-height:58px}.card-info strong{font-size:11px;line-height:1.3;font-weight:550}.card-info span{font-size:8px;line-height:1.4;margin-top:4px}.card-actions{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e9ece4;padding:3px 6px}.preview-card{font-size:9px;padding:5px 2px;background:none;border:0;color:var(--muted)}.save-card{position:static;border:0;background:none;width:25px;height:25px;font-size:17px}.save-card[aria-pressed=true]{background:#e1ece1;color:var(--ink)}.empty{padding:25px 10px}.empty h3{font:20px Georgia,serif}.empty p{font-size:11px}
/* The canvas remains in view while either side panel scrolls. */
.stage-column{min-width:0;position:relative;padding:0 2px}.stage-toolbar{display:flex;gap:8px;justify-content:space-between;align-items:center;margin-bottom:12px}.segmented{display:flex;background:#e1e6dc;border:1px solid #d4dcd1;border-radius:6px;padding:3px;gap:3px}.segmented button{border:0;background:none;border-radius:3px;padding:8px 10px;font-size:11px;white-space:nowrap;flex:1}.segmented button[aria-pressed=true]{background:var(--white);box-shadow:0 1px 3px #203c3c15}.history{display:flex;gap:4px}.history button{border:1px solid var(--line);background:var(--white);border-radius:4px;padding:7px 9px;font-size:19px;line-height:1}.history #enlarge-preview{font-size:17px}.history #enlarge-preview span{font-size:10px;vertical-align:2px;margin-left:3px}
.booth-canvas,.garment-canvas{position:relative;width:100%;height:clamp(350px,calc(100dvh - 260px),1100px);min-height:0;max-height:none;aspect-ratio:auto;background:#fff;border:1px solid #d7ddd2;border-radius:7px;box-shadow:0 8px 30px #203c3c05;overflow:hidden;touch-action:none}.booth-canvas>svg,.garment-canvas>svg{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:visible}.garment-canvas [data-print]{cursor:grab;outline:none}.garment-canvas [data-print]:focus-visible{stroke:var(--orange);stroke-dasharray:5;stroke-width:2;vector-effect:non-scaling-stroke}.canvas .layer-hit.locked{cursor:default}.stage-caption{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:var(--muted);margin:11px 1px 0;line-height:1.5}.stage-caption #save-state{text-align:right}.preview-note{font-size:10px;color:var(--muted);text-align:center;line-height:1.6;max-width:480px;margin:10px auto}.empty-design{position:absolute;top:33%;left:8%;right:8%;text-align:center;pointer-events:none;background:var(--white);padding:20px;border-radius:6px}.empty-design h3{font:25px Georgia,serif}.empty-design p{font-size:12px;color:var(--muted)}.empty-design button{pointer-events:auto;margin:4px}
.font-trigger{width:100%;display:flex;justify-content:space-between;align-items:center;gap:8px;border:1px solid #cbd1c7;background:transparent;border-radius:4px;padding:10px;margin-top:5px;text-align:left}.font-trigger #font-name{font-size:19px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.align-buttons{margin-bottom:16px}.fine-controls{border-top:1px solid var(--line);margin-top:17px;padding-top:13px}.fine-controls summary{cursor:pointer;font-size:11px;margin-bottom:12px;list-style-position:outside;margin-left:14px}.fine-controls[open] summary{font-weight:650}.layer-actions button{font-size:10px;padding:8px 4px}.danger{color:#a14632!important}.layers{max-height:230px;overflow:auto;padding:2px}.layers button{padding:10px 8px;font-size:11px}
.garment-swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(25px,1fr));max-height:180px;overflow:auto;padding:4px;gap:9px;margin:5px 0 15px}.garment-swatches button{width:26px;height:26px;justify-self:center;border:2px solid var(--white);outline:1px solid #c7ccc4;border-radius:50%}.garment-swatches button[aria-pressed=true]{outline:2px solid var(--ink);outline-offset:1px}#garment-view-note:empty{display:none}
.is-enlarged.booth-studio{position:fixed;inset:0;z-index:20;background:var(--paper);overflow:auto}.is-enlarged .project-bar,.is-enlarged .build-panel,.is-enlarged .piece-panel{display:none}.is-enlarged .booth-layout{display:block;margin-top:18px}.is-enlarged .stage-column{max-width:1200px;margin:auto}.is-enlarged .booth-canvas,.is-enlarged .garment-canvas{height:calc(100dvh - 210px)}
.dialog-status:empty{display:none}.dialog-status{background:var(--pale);padding:10px;border-radius:4px}#export-ready{overflow-wrap:anywhere}#export-ready a{text-decoration:underline;text-underline-offset:3px;color:var(--ink)}
.studio-dialog[open]{display:block;padding:24px;width:calc(100% - 40px);max-width:650px;background:var(--white)}.studio-dialog header{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px}.studio-dialog header h2{font-size:28px}.studio-dialog header .eyebrow{font-size:9px;margin:0 0 7px}.dialog-close{border:1px solid var(--line);background:var(--white);width:32px;height:32px;border-radius:50%;font-size:23px;flex-shrink:0;line-height:1}.studio-dialog.wide-dialog{max-width:1000px}.studio-dialog.small-dialog{max-width:450px}.dialog-filters{display:flex;gap:10px}.dialog-filters input{flex:1!important}.studio-dialog .dialog-filters input,.studio-dialog .dialog-filters select{margin:0}.dialog-filters select{width:auto;max-width:180px}.picker-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.picker-card{border:1px solid var(--line);background:var(--white);border-radius:5px;padding:10px;text-align:left;min-width:0}.picker-card:hover,.font-card:hover{border-color:var(--ink);background:#f5f6ef}.picker-card img{width:100%;height:120px;object-fit:contain}.picker-card strong{display:block;font-size:12px;margin-top:8px;font-weight:550}.picker-card small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.font-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.font-card{background:var(--white);border:1px solid var(--line);border-radius:5px;padding:16px 12px;min-width:0;text-align:left}.font-card>span{display:block;font-size:26px;line-height:1.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.font-card small{display:block;font-size:10px;color:var(--muted);margin-top:10px}.font-card[aria-pressed=true]{border:2px solid var(--ink);padding:15px 11px;background:#eef2e8}.studio-dialog.color-dialog{max-width:485px}.color-dialog header h2{font-size:24px}.color-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:5px}.color-grid button{aspect-ratio:1;border:1px solid #0002;border-radius:3px;padding:0}.color-grid button[aria-pressed=true]{outline:2px solid var(--ink);outline-offset:2px;box-shadow:inset 0 0 0 2px #fff}.custom-color{display:grid;grid-template-columns:75px 1fr auto;align-items:end;gap:12px;margin-top:25px}.custom-color label{margin:0}.custom-color input[type=color]{display:block;height:37px;width:60px;background:none;border:1px solid var(--line);border-radius:4px;margin-top:5px;padding:3px;cursor:pointer}.custom-color .primary{height:38px;padding:8px 14px}#color-error{color:#a14632;min-height:18px;margin-bottom:0}.option-list{margin:20px 0}.option-row{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding:13px 0}.option-row>button:first-child{border:0;background:none;flex:1;min-width:0;text-align:left;padding:5px}.option-row strong,.option-row small{display:block;overflow-wrap:anywhere}.option-row strong{font-size:14px;font-weight:600}.option-row small{font-size:11px;color:var(--muted);margin-top:4px}.import-label{cursor:pointer;display:inline-block!important;margin:12px 0 0!important;color:var(--ink)!important}.import-label input{display:block;margin-top:8px;width:100%;font-size:12px}.download-options{display:grid;gap:10px}.download-options button{background:var(--white);border:1px solid var(--line);border-radius:5px;padding:15px;text-align:left}.download-options button:hover{background:var(--pale)}.download-options strong,.download-options span{display:block}.download-options strong{font-size:13px;font-weight:600}.download-options span{font-size:11px;color:var(--muted);margin-top:5px}.studio-dialog button:disabled{opacity:.45}.notice{z-index:100}
@media(min-width:1550px){.booth-layout{grid-template-columns:350px minmax(0,1fr) 275px;gap:24px}.art{height:110px}}
@media(max-width:1100px){.booth-studio{padding:0 16px 20px}.studio-brand{gap:11px}.dev-badge{display:block;position:absolute;top:100%;left:44px;font-size:6px;border:0;padding:3px 0;line-height:1}.studio-brand h1{font-size:26px}.studio-actions button{font-size:10px;padding:8px 9px}.booth-layout{grid-template-columns:280px minmax(0,1fr);gap:16px}.build-panel{grid-row:1/3;align-self:start;position:sticky;top:15px}.piece-panel{grid-column:2;max-height:none}.stage-column{grid-column:2;grid-row:1}.booth-canvas,.garment-canvas{height:500px}.tool-scroll{height:calc(100dvh - 235px)}.history #enlarge-preview span{display:none}.font-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-bar>span{display:none}}
@media(max-width:700px){.booth-studio{padding:0 12px 20px}.studio-toolbar{display:block;padding:16px 0 12px;min-height:0}.studio-brand h1{font-size:27px}.dev-badge{display:block;font-size:7px;margin-left:0}.studio-actions{margin-top:22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.studio-actions button{padding:9px 5px;font-size:11px;white-space:normal}.studio-actions #options-count{display:none}.booth-studio .project-bar label{width:100%;font-size:10px;gap:6px}.booth-studio .project-bar input{width:100%;min-width:0;font-size:14px}.booth-layout{display:flex;flex-direction:column;gap:16px}.stage-column{order:0;width:100%;padding:0;position:relative}.build-panel{order:1;width:100%;position:static}.piece-panel{order:2;width:100%;padding:19px;max-height:none}.tool-scroll{height:auto;max-height:520px;min-height:0}.tool-content{padding:20px}.tool-menu button{font-size:11px;min-height:66px}.stage-toolbar{margin-bottom:9px}.segmented button{font-size:10px;padding:8px}.history button{padding:7px 8px;font-size:17px}.booth-canvas,.garment-canvas{height:42dvh;min-height:250px}.stage-caption{font-size:8px;gap:8px}.preview-note{font-size:9px;margin:7px auto}.booth-studio input:not([type=range]),.booth-studio select,.booth-studio textarea,.studio-dialog input:not([type=color],[type=file]),.studio-dialog select{font-size:16px}.booth-studio .project-bar input{font-size:16px}.booth-studio label{font-size:12px}.art{height:120px}.card-info strong{font-size:12px}.card-info span{font-size:9px}.preview-card{font-size:11px;padding:8px 2px}.save-card{width:31px;height:31px}.view-tabs button{font-size:12px}.filter-fields select{font-size:12px}.empty-design{top:26%;padding:12px}.empty-design h3{font-size:20px}.empty-design p{font-size:11px}.empty-design button{font-size:10px;padding:9px}.is-enlarged .booth-canvas,.is-enlarged .garment-canvas{height:calc(100dvh - 260px);min-height:220px}.layer-actions button{padding:11px 5px}.studio-dialog[open]{padding:19px;width:calc(100% - 24px);max-height:92dvh}.studio-dialog header h2{font-size:23px}.dialog-filters{flex-wrap:wrap}.dialog-filters input{flex-basis:100%!important}.dialog-filters select{flex:1;max-width:none;min-width:0}.font-grid{grid-template-columns:1fr}.custom-color{grid-template-columns:60px 1fr auto;gap:8px}.custom-color .primary{padding:8px 10px}.custom-color input[type=color]{width:50px}}
@media(max-width:360px){.booth-studio{padding-left:10px;padding-right:10px}.stage-caption{display:block}.stage-caption #save-state{display:block;text-align:left}.custom-color{grid-template-columns:45px 1fr auto;gap:6px}.custom-color input[type=color]{width:42px}.studio-dialog.color-dialog{padding:15px}}

/* Keep the project label light without narrowing the editable name. */
.booth-studio .project-bar input{width:280px;background:transparent;margin-top:0;border-color:transparent;padding:6px 8px}.booth-studio .project-bar input:focus,.booth-studio .project-bar input:hover{border-color:var(--line);background:var(--white)}
@media(max-width:700px){.booth-studio .project-bar input{width:100%;min-width:0}}
/* The text list edits real layer IDs; no implicit text is created by these fields. */
.text-lines{display:grid;gap:14px}.text-line{padding:12px;border:1px solid var(--line);border-radius:6px;background:#fafbf6}.text-line.is-selected{border-color:#92aa96}.text-line .section-heading{margin-bottom:6px}.text-line .section-heading label{margin:0}.text-line textarea{margin-top:0;min-height:58px}.text-line .text-style{font-size:10px;margin-top:9px}.text-line button:disabled{opacity:.4;cursor:default}.text-line.is-hidden textarea{opacity:.6}#add-text{margin-top:14px}.art-action-controls{padding:12px;border:1px solid var(--line);border-radius:5px;background:#f1f5ed;margin-bottom:16px}.art-action-controls label{font-size:10px;margin-bottom:10px}.art-action-controls select{font-size:11px;padding:8px}.art-action-controls .help{font-size:10px;margin:0}.open-card[data-action=replace]:after{content:'↔'}.art-action-controls+#search{margin-top:0}

#library-panel .tool-heading{margin-bottom:14px}.art-action-controls{padding:9px}.art-action-controls label{margin-bottom:6px}.art-action-controls select{padding:7px}.art-action-controls .help{font-size:9px}