/* v13: dependable saved works, clear choices, and room to edit on a phone. */
#openWorks{flex:none}.header-actions{gap:8px}.header-actions #saveStatus{max-width:180px}
.preview-collapse,.mobile-save-work{display:none}
.works-dialog{width:min(760px,calc(100vw - 32px));max-width:760px}
.save-work-dialog{width:min(480px,calc(100vw - 32px))}
.works-dialog .dialog-top,.save-work-dialog .dialog-top{background:var(--paper);margin-bottom:4px}
.works-dialog>.hint{margin:4px 0 15px;line-height:1.8}
#saveCurrentWork{margin:0 0 8px;min-height:44px}
.workspace-status{font-size:12px;line-height:1.7;margin:10px 0;overflow-wrap:anywhere;color:#61745a}
.workspace-status:empty{display:none}
.workspace-status.error,.workspace-status[data-error=true]{color:#a24d3b;background:#fbebe2;border-radius:10px;padding:11px 13px}
.works-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:17px}
.work-card{display:grid;grid-template-columns:94px minmax(0,1fr);gap:13px;align-items:start;border:1px solid #dce2d3;background:#fffef9;border-radius:16px;padding:13px;min-width:0}
.work-thumbnail{height:124px;min-width:0;border-radius:11px;background:#f2f3e8;display:flex;align-items:center;justify-content:center;padding:8px;overflow:hidden;grid-row:span 2}
.work-thumbnail svg,.work-thumbnail img{display:block;max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain}
.work-info{min-width:0}.work-info h3,.work-info strong{display:block;font-size:14px;line-height:1.65;overflow-wrap:anywhere;white-space:normal;margin:2px 0 7px}
.work-info p,.work-meta,.work-info small{display:block;font-size:10px;color:#78816e;line-height:1.85;margin:0;overflow-wrap:anywhere}
.work-actions{grid-column:2;display:flex;gap:6px;align-self:end;flex-wrap:wrap}
.work-actions button{min-height:44px;padding:9px 12px;font-size:11px;border-radius:10px;background:#e9efdf;color:#426346;border:1px solid #d8e1cc}
.work-actions button:hover{background:#dfe9d3}.work-actions .danger{background:transparent;border-color:#e9d8d0;color:#9e6251}
.works-empty{text-align:center;padding:34px 18px 26px;color:#7a846f}.works-empty h3{font-size:16px;color:#516848;margin:10px 0 6px}.works-empty p{font-size:12px;line-height:1.8}.works-empty-mark{display:inline-grid;place-items:center;background:#f5e6ad;color:#647d50;border-radius:22px;width:60px;height:60px;font-size:36px;transform:rotate(-7deg)}
.save-work-dialog #workName{font-size:16px;min-height:46px}.save-work-dialog .field{margin:20px 0 10px}.save-work-dialog .hint{margin:8px 0}.save-work-dialog .dialog-actions button{min-height:44px}
.legacy-import{border-top:1px solid var(--line);margin-top:18px;padding-top:8px;font-size:11px;color:#78836d}.legacy-import summary{cursor:pointer;min-height:44px;align-content:center;line-height:1.7}.legacy-import .import-link{display:inline-flex;align-items:center;min-height:44px;margin:8px 0 0}
.fixed-base-editor .picker-body{min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:1px 2px 2px}
.picker-live-note{font-size:10px;line-height:1.65;color:#637b56;background:#eef3e5;padding:7px 9px;border-radius:8px;margin:9px 0 8px;flex:none}
.picker-body>.hint{font-size:10px;line-height:1.7;margin:0 0 8px}
.fixed-base-editor .motif-picker .picker-body #simpleMotifs{overflow:visible;min-height:0;max-height:none;margin-bottom:3px}
.fixed-base-editor .picker-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}
.fixed-base-editor .picker-actions button{min-height:44px;padding:8px 7px;margin:0!important;font-size:11px;white-space:normal;line-height:1.5}
.fixed-base-editor .picker-actions #pickerUndo{font-size:10px;background:#fffdf4;white-space:normal;border-color:#d8ddce}
.fixed-base-editor .picker-close{width:44px;height:44px;min-height:44px}
.model-next-steps{padding:18px 20px;border-radius:16px;background:#f5f0db;border:1px solid #e8dfba;margin-top:22px}
.model-next-steps h3{font-size:16px;margin-bottom:14px}
.model-next-steps ol{list-style:none;counter-reset:printsteps;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.model-next-steps li{position:relative;padding-left:31px;counter-increment:printsteps;min-width:0}
.model-next-steps li:before{content:counter(printsteps);position:absolute;left:0;top:1px;width:23px;height:23px;display:grid;place-items:center;border-radius:8px;background:#e8dbad;color:#6d6642;font-weight:700;font-size:11px}
.model-next-steps strong{font-size:12px;display:block;margin-bottom:4px}.model-next-steps span{font-size:11px;line-height:1.8;color:#7e795f;display:block}
.model-passed-details{border:1px solid #dde3d4;border-radius:12px;padding:0 13px;margin-top:15px;background:#f7f9f1}
.model-passed-details>summary{min-height:48px;align-content:center;cursor:pointer;font-size:12px;color:#59714e;line-height:1.8}
.model-passed-details[open]>summary{border-bottom:1px solid #e2e8da}
#modelValidation:empty{display:none}#modelValidation{max-height:none;overflow:visible}#modelPassedChecks{max-height:240px;margin:5px 0 10px}
#checks button,.field-error button{min-height:44px;display:inline-flex;align-items:center;font-size:11px;line-height:1.6}
@media(min-width:761px) and (max-width:1130px){.brand-subtitle{display:none}.header-actions #saveStatus{display:none}}
@media(max-width:760px){
 .fixed-base-editor .app-header{padding:8px 12px;gap:7px;height:64px}.fixed-base-editor .header-actions{gap:5px;min-width:0}
 .fixed-base-editor .brand{gap:6px}.fixed-base-editor .brand-cat{width:30px;height:32px}.fixed-base-editor .brand strong{font-size:23px}.fixed-base-editor .brand small{font-size:5px}
 .fixed-base-editor #openWorks{display:block;min-height:44px;padding:6px 8px;font-size:10px;border-radius:10px}
 .fixed-base-editor .header-actions .primary{min-height:44px;padding:7px 9px;font-size:10px;white-space:normal;max-width:112px;line-height:1.5}
 .fixed-base-editor .mobile-save-work{display:block;min-height:44px}
 .fixed-base-editor .canvas-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:'title collapse' 'actions actions';gap:5px 8px;margin:0 0 7px}
 .fixed-base-editor .canvas-heading>div:first-child{grid-area:title;min-width:0}
 .fixed-base-editor #currentSize{white-space:normal;font-size:13px;min-height:44px;line-height:1.5;max-width:100%}
 .fixed-base-editor .preview-collapse{display:block;grid-area:collapse;min-height:44px;font-size:11px;padding:9px 12px;border-color:#d7decb;background:#f0f4e8}
 .fixed-base-editor .canvas-actions{grid-area:actions;justify-content:flex-end;gap:7px}
 .fixed-base-editor .canvas-actions .icon-button{min-height:44px;min-width:44px;font-size:21px}
 .fixed-base-editor .canvas-actions .quiet{min-height:44px;font-size:11px;padding:9px 12px}
 .fixed-base-editor #canvasArea{top:64px}
 .fixed-base-editor.preview-collapsed:not(.motif-picker-open) #canvasArea{position:sticky;top:64px;padding:5px 0;border-bottom:1px solid #d9dfcd}
 .fixed-base-editor.preview-collapsed:not(.motif-picker-open) .canvas-heading{margin:0;grid-template-areas:'title collapse';gap:8px}
 .fixed-base-editor.preview-collapsed:not(.motif-picker-open) .canvas-actions,
 .fixed-base-editor.preview-collapsed:not(.motif-picker-open) .canvas-surface,
 .fixed-base-editor.preview-collapsed:not(.motif-picker-open) .base-lock-note,
 .fixed-base-editor.preview-collapsed:not(.motif-picker-open) .canvas-instruction,
 .fixed-base-editor.preview-collapsed:not(.motif-picker-open) .canvas-footer,
 .fixed-base-editor.preview-collapsed:not(.motif-picker-open) .selection-bar{display:none!important}
 .fixed-base-editor .panel{scroll-margin-top:var(--canvas-clearance,470px)}
 .fixed-base-editor .picker-header{align-items:center;margin-bottom:0}.fixed-base-editor .picker-header h2{font-size:15px}
 .fixed-base-editor .picker-live-note{font-size:10px;line-height:1.55;margin:5px 0 7px;padding:6px 8px}
 .fixed-base-editor .picker-body>.hint{font-size:10px;margin-bottom:7px}
 .fixed-base-editor .picker-collections button{min-height:44px;font-size:10px}
 .fixed-base-editor .ratio-chip{min-height:44px;white-space:normal;font-size:10px}.fixed-base-editor .ratio-chip small{font-size:8px}
 .fixed-base-editor .picker-compatibility{font-size:10px;line-height:1.6}
 .fixed-base-editor .picker-footer{padding-top:5px}.fixed-base-editor .picker-actions{margin-top:0;gap:4px 6px}
 .fixed-base-editor .picker-actions button{min-height:44px;font-size:11px;padding:7px 5px}
 .fixed-base-editor .picker-status{font-size:10px;line-height:1.6;margin:4px 0;max-height:34px;overflow:auto}
 .fixed-base-editor .motif-picker{height:57dvh;max-height:57dvh;padding:10px 14px max(8px,env(safe-area-inset-bottom))}
 .fixed-base-editor.motif-picker-open .canvas-area{bottom:57dvh}
 .fixed-base-editor .motif-picker .simple-motif{min-height:96px}.fixed-base-editor .motif-picker .simple-motif svg{width:66px;height:61px}
 .fixed-base-editor .panel .full,.fixed-base-editor .segmented button,.fixed-base-editor .chip{min-height:44px}
 .fixed-base-editor .text-button{min-height:44px}.fixed-base-editor #textFields input,.fixed-base-editor #textFields select{min-height:44px}
 .works-dialog,.save-work-dialog{padding:18px;width:calc(100vw - 20px);max-height:92dvh;border-radius:18px}.works-dialog .dialog-top,.save-work-dialog .dialog-top{top:-18px;padding:7px 0 12px}
 .works-dialog .dialog-top h2,.save-work-dialog .dialog-top h2{font-size:19px}.works-dialog .icon-button,.save-work-dialog .icon-button{width:44px;min-height:44px}
 .works-list{grid-template-columns:1fr;gap:11px}.work-card{grid-template-columns:90px minmax(0,1fr);padding:11px;gap:12px}.work-thumbnail{height:118px}.work-info h3,.work-info strong{font-size:13px}.work-meta,.work-info small{font-size:11px}.work-actions button{font-size:11px}
 .save-work-dialog .dialog-actions button{width:100%}.save-work-dialog .hint,.works-dialog>.hint{font-size:12px}.workspace-status{font-size:12px}
 .model-next-steps{padding:16px;margin-top:18px}.model-next-steps ol{grid-template-columns:1fr;gap:13px}.model-next-steps strong{font-size:12px}.model-next-steps span{font-size:11px}
 .model-passed-details>summary{font-size:12px;min-height:48px}
}
@media(max-width:360px){.fixed-base-editor .app-header{padding-left:9px;padding-right:9px;gap:4px}.fixed-base-editor .brand-cat{display:none}.fixed-base-editor .brand strong{font-size:25px}.fixed-base-editor .header-actions{gap:4px}.fixed-base-editor #openWorks{padding-left:7px;padding-right:7px}.fixed-base-editor .header-actions .primary{max-width:113px}.fixed-base-editor .picker-live-note{font-size:9px}.fixed-base-editor .picker-actions button{font-size:10px}.fixed-base-editor .motif-picker{padding-left:11px;padding-right:11px}}

.picker-filters{margin:0 0 4px}.picker-filters>summary{font-size:11px;min-height:44px;align-content:center;color:#627456;cursor:pointer;line-height:1.5;border-bottom:1px solid #e4e8da}.picker-filters[open]>summary{margin-bottom:8px}.picker-filters .picker-ratios{margin-bottom:9px}
@media(max-width:760px){.fixed-base-editor .picker-body>#simpleSlotHint{display:none}.fixed-base-editor .picker-filters>summary{font-size:11px}.fixed-base-editor .motif-picker .simple-motif span{font-size:10px}.fixed-base-editor .motif-picker .simple-motif svg{height:64px}}