body[data-mold-layout-ready] { --paper:#fbf6ea; --ink:#173f73; --body:#355a85; --blue:#4a90d9; }
body[data-mold-layout-ready] .mold-editor-layout { letter-spacing:0; }
body[data-mold-layout-ready] .mold-editor-layout { --zl-accent:#e4f1fb; }
body[data-mold-layout-ready] .mold-editor-layout .zl-stage { background:#fbf8f0; }
body[data-mold-layout-ready] .mold-editor-layout .zl-commands > button { width:auto; }
body[data-mold-layout-ready] .mold-compact-works { display:flex; gap:8px; padding:0 0 12px; margin:0 0 12px; border-bottom:1px solid var(--line); }
body[data-mold-layout-ready] .mold-compact-works button { flex:1; width:auto!important; margin:0!important; padding:7px; font-size:12px!important; min-height:44px; }
body[data-mold-layout-ready] .mold-editor-canvas {
  position:relative; top:auto; width:100%; height:100%; min-width:0; min-height:0;
  display:flex; flex-direction:column; gap:10px; padding:16px 20px; overflow:auto;
}
body[data-mold-layout-ready] .mold-editor-canvas .stage,
body[data-mold-layout-ready] .mold-editor-canvas .enamel-stage {
  flex:1 0 280px; height:auto; min-height:280px; width:100%; border:0; border-radius:0;
  background:transparent; box-shadow:none;
}
body[data-mold-layout-ready] .mold-editor-canvas .preview-header { margin:0; flex-wrap:wrap; gap:8px; }
body[data-mold-layout-ready] .mold-editor-canvas .tabs { margin:0; flex-wrap:wrap; }
body[data-mold-layout-ready] .mold-editor-canvas .tabs button { min-height:44px; border-radius:8px; }
body[data-mold-layout-ready] .mold-editor-canvas .mold-modes { margin:0; padding:0; display:flex; gap:4px; flex-wrap:wrap; }
body[data-mold-layout-ready] .mold-editor-canvas .mold-modes a { min-height:44px; padding:5px 12px; border-radius:8px; font-size:13px; }
body[data-mold-layout-ready] .mold-editor-canvas .mold-modes svg { display:none; }
body[data-mold-layout-ready] .mold-editor-canvas .part-legend { padding:0; gap:12px; flex-wrap:wrap; }
body[data-mold-layout-ready] .mold-editor-canvas .part-legend strong { font-size:12px; }
body[data-mold-layout-ready] .mold-editor-canvas .part-legend small { font-size:11px; }
body[data-mold-layout-ready] .mold-editor-canvas .review-card { padding:0; }
body[data-mold-layout-ready] .mold-editor-canvas .review-card h2 { font-size:18px; }
body[data-mold-layout-ready] .mold-editor-canvas .review-card .eyebrow { display:none; }
body[data-mold-layout-ready] .mold-editor-canvas .print-checks { margin:0; padding:8px 12px; }
body[data-mold-layout-ready] .mold-editor-canvas .preview-note,
body[data-mold-layout-ready] .mold-editor-canvas #status,
body[data-mold-layout-ready] .mold-editor-canvas #work-state,
body[data-mold-layout-ready] .mold-editor-canvas #mold-save-status { margin:0; font-size:12px; line-height:1.6; flex:none; min-width:0; }
body[data-mold-layout-ready] #error:empty { display:none; }
body[data-mold-layout-ready] .controls.mold-editor-controls {
  width:100%; min-width:0; padding:0!important; border:0; border-radius:0!important; background:transparent!important; box-shadow:none;
}
body[data-mold-layout-ready] .controls.mold-editor-controls::before { display:none; }
body[data-mold-layout-ready] .mold-editor-controls fieldset { min-width:0; margin:0 0 16px; padding:0 0 16px; }
body[data-mold-layout-ready] .mold-editor-controls legend { float:none; width:auto; margin:0 0 12px; font:600 15px/1.6 'Yuanti SC','PingFang SC',sans-serif; }
body[data-mold-layout-ready] .mold-editor-section { border-bottom:1px solid #173f7324; padding:0 0 12px; margin-bottom:16px; }
body[data-mold-layout-ready] .mold-editor-section > summary { cursor:pointer; padding:8px 0; min-height:44px; font-weight:600; font-size:14px; }
body[data-mold-layout-ready] .mold-editor-section > fieldset { border:0; margin:0; padding:8px 0 0; }
body[data-mold-layout-ready] .mold-editor-section > fieldset > legend { display:none; }
body[data-mold-layout-ready] .mold-editor-controls button,
body[data-mold-layout-ready] .mold-editor-controls input:not([type=checkbox]):not([type=range]):not([type=file]) { min-height:44px; }
body[data-mold-layout-ready] .mold-editor-controls button { max-width:100%; white-space:normal; overflow-wrap:anywhere; border-radius:8px; }
body[data-mold-layout-ready] .mold-editor-controls .help { font-size:12px; }
body[data-mold-layout-ready] .mold-editor-controls .upload { min-height:136px; padding:14px 8px; border-radius:8px; }
body[data-mold-layout-ready] .mold-editor-controls .upload img { width:40px; height:40px; object-fit:contain; }
body[data-mold-layout-ready] .mold-editor-controls .template-section,
body[data-mold-layout-ready] .mold-editor-controls .moon-examples { margin:16px 0 0; padding:0; border:0; border-radius:0; background:transparent; }
body[data-mold-layout-ready] .mold-editor-controls .section-heading h2,
body[data-mold-layout-ready] .mold-editor-controls .moon-examples h2 { font-size:16px; }
body[data-mold-layout-ready] .mold-editor-controls .section-heading > span,
body[data-mold-layout-ready] .mold-editor-controls .moon-examples-heading p,
body[data-mold-layout-ready] .mold-editor-controls .moon-examples-heading > span { display:none; }
body[data-mold-layout-ready] .mold-editor-controls .templates,
body[data-mold-layout-ready] .mold-editor-controls .moon-patterns { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
body[data-mold-layout-ready] .mold-editor-controls .template { flex-direction:column; padding:8px; }
body[data-mold-layout-ready] .mold-editor-controls .template span { font-size:12px; }
body[data-mold-layout-ready] .mold-editor-controls .moon-patterns img { height:74px; }
body[data-mold-layout-ready] .mold-editor-controls .making-note { display:block; margin:12px 0; padding:0; border:0; }
body[data-mold-layout-ready] .mold-editor-controls .note-number { font-size:18px; }
body[data-mold-layout-ready] .mold-editor-controls .moon-howto { display:block; }
body[data-mold-layout-ready] .mold-editor-controls .moon-howto > div { margin:10px 0; }
body[data-mold-layout-ready] .mold-editor-controls .moon-current { display:block; }
body[data-mold-layout-ready] .mold-editor-controls .mold-work-actions { padding:0; }
body[data-mold-layout-ready] .mold-editor-controls .sample { display:block; padding:12px 0; background:transparent; border-radius:0; }
body[data-mold-layout-ready] .mold-editor-controls .sample > span { display:block; max-width:none; }
body[data-mold-layout-ready] .mold-editor-controls .shapes { gap:6px; }
body[data-mold-layout-ready] .mold-editor-controls .shapes button { padding:8px 4px; font-size:12px; gap:5px; }
body[data-mold-layout-ready] .mold-editor-controls .upload-guidance { padding:10px; border-radius:8px; }
body[data-mold-layout-ready] .mold-editor-layout #save-work { width:auto; font-size:13px; }
body[data-mold-layout-ready] .mold-editor-layout #save-work img { width:20px; height:20px; }
body[data-mold-layout-ready] .mold-editor-layout .primary { border-radius:8px; }
body[data-mold-layout-ready] #editor-dialog { width:780px; }
body[data-mold-layout-ready] #editor-dialog .editor-tools { gap:8px; }
body[data-mold-layout-ready] #editor-dialog button { min-height:44px; }
@media(max-width:760px) {
  body[data-mold-layout-ready] .mold-editor-layout { grid-template-rows:104px minmax(140px,1fr) minmax(100px,36dvh) calc(66px + env(safe-area-inset-bottom)); }
  body[data-mold-layout-ready] .mold-editor-layout.zl-panel-collapsed { grid-template-rows:104px minmax(140px,1fr) 0 calc(66px + env(safe-area-inset-bottom)); }
  body[data-mold-layout-ready] .mold-editor-layout .zl-header { display:grid; grid-template-columns:36px minmax(0,1fr) 36px; grid-template-rows:40px 44px; gap:4px; }
  body[data-mold-layout-ready] .mold-editor-layout .zl-brand { grid-column:2; grid-row:1; }
  body[data-mold-layout-ready] .mold-editor-layout .zl-title { max-width:none; font-size:20px!important; }
  body[data-mold-layout-ready] .mold-editor-layout .zl-account { grid-column:3; grid-row:1; }
  body[data-mold-layout-ready] .mold-editor-layout .zl-header-actions:empty { display:none; }
  body[data-mold-layout-ready] .mold-editor-layout .zl-commands { grid-column:1/-1; grid-row:2; width:100%; margin:0; }
  body[data-mold-layout-ready] .mold-editor-layout .zl-commands > button { width:100%; min-width:0; min-height:44px; white-space:normal; line-height:1.3; }
  body[data-mold-layout-ready] .mold-editor-canvas { padding:8px 10px; gap:6px; }
  body[data-mold-layout-ready] .mold-editor-canvas .stage,
  body[data-mold-layout-ready] .mold-editor-canvas .enamel-stage { min-height:190px; flex-basis:190px; }
  body[data-mold-layout-ready] .mold-editor-canvas .mold-modes { flex-wrap:nowrap; overflow:auto; flex-shrink:0; }
  body[data-mold-layout-ready] .mold-editor-canvas .mold-modes a { flex-shrink:0; padding:5px 8px; }
  body[data-mold-layout-ready] .mold-editor-canvas .part-legend { gap:6px; }
  body[data-mold-layout-ready] .mold-editor-canvas .part-legend small { display:none; }
  body[data-mold-layout-ready] .mold-editor-canvas .review-card h2 { font-size:16px; }
  body[data-mold-layout-ready] .mold-editor-canvas .tabs button { font-size:12px; padding:6px 10px; }
  body[data-mold-layout-ready] .mold-editor-canvas .view-tools { top:auto; right:8px; bottom:8px; left:auto; transform:none; display:flex; flex-direction:row; }
  body[data-mold-layout-ready] .mold-editor-canvas .view-tools button { width:44px; height:44px; min-height:44px; }
  body[data-mold-layout-ready] .mold-editor-canvas .stage-bottom { bottom:60px; }
  body[data-mold-layout-ready] .mold-editor-canvas .stage-top { top:8px; }
  body[data-mold-layout-ready] .mold-editor-canvas #drag-hint { display:none; }
  body[data-mold-layout-ready] .mold-editor-canvas .stage-bottom { justify-content:flex-end; }
  body[data-mold-layout-ready] #editor-dialog { padding:20px 14px; }
  body[data-mold-layout-ready] #editor-dialog h2 { font-size:24px; }
  body[data-mold-layout-ready] #editor-canvas { max-height:42dvh; }
}
@media(max-width:760px) and (max-height:560px) {
  body[data-mold-layout-ready] .mold-editor-layout { grid-template-rows:104px minmax(90px,1fr) minmax(90px,28dvh) calc(66px + env(safe-area-inset-bottom)); }
  body[data-mold-layout-ready] .mold-editor-layout.zl-panel-collapsed { grid-template-rows:104px minmax(90px,1fr) 0 calc(66px + env(safe-area-inset-bottom)); }
}
@media(min-width:561px) and (max-width:760px) and (max-height:560px) {
  body[data-mold-layout-ready] .mold-editor-layout { grid-template-columns:240px minmax(0,1fr); grid-template-rows:104px minmax(0,1fr) calc(66px + env(safe-area-inset-bottom)); }
  body[data-mold-layout-ready] .mold-editor-layout.zl-panel-collapsed { grid-template-columns:0 minmax(0,1fr); grid-template-rows:104px minmax(0,1fr) calc(66px + env(safe-area-inset-bottom)); }
  body[data-mold-layout-ready] .mold-editor-layout .zl-header { grid-column:1/-1; }
  body[data-mold-layout-ready] .mold-editor-layout .zl-inspector { grid-column:1; grid-row:2; border-top:0; border-right:1px solid var(--zl-border); }
  body[data-mold-layout-ready] .mold-editor-layout .zl-stage { grid-column:2; grid-row:2; }
  body[data-mold-layout-ready] .mold-editor-layout .zl-rail { grid-column:1/-1; grid-row:3; }
  /* Keep the actual preview in the first scroll viewport on short landscape screens. */
  body[data-mold-layout-ready] .mold-editor-canvas .stage,
  body[data-mold-layout-ready] .mold-editor-canvas .enamel-stage { order:-1; min-height:0; flex:0 0 calc(100dvh - 186px - env(safe-area-inset-bottom)); }
}
/* Latest approved shared editor standard: preserve the mold blue theme. */
html body .mold-editor-layout.ze-standard-surface{--zl-accent:#e0eefb}
html body .mold-editor-layout.ze-standard-surface .zl-stage{background:#fffaf0}
html body .mold-editor-layout.ze-standard-header .zl-title{font-size:28px!important}
html body .mold-editor-layout.ze-standard-header .zl-commands>button{width:auto}
html body .mold-editor-layout.ze-standard-header .zl-header-actions{display:none!important}
html body .mold-editor-layout .mold-editor-canvas{padding:18px 24px;gap:10px}
html body .mold-editor-layout .mold-modes{align-self:flex-start;gap:6px}
html body .mold-editor-layout .mold-modes a{background:transparent;border:1px solid #deded3;min-height:36px;font-size:12px}
html body .mold-editor-layout .mold-modes .zb-ui-symbol{width:20px!important;height:20px!important;flex-basis:20px!important}
html body .mold-editor-layout .mold-modes a[aria-current]{background:#e0eefb;border-color:#8fb6d8}
html body .mold-editor-layout .stage,html body .mold-editor-layout .enamel-stage{border-radius:18px;background:#f4f2e9;min-height:180px;flex:1 1 240px;overflow:hidden}
html body .mold-editor-layout .preview-header{flex-wrap:nowrap;align-items:center}
html body .mold-editor-layout .preview-header .live-status{font-size:11px;white-space:nowrap}
html body .mold-editor-layout .ze-view-modes{margin:0 auto;max-width:100%;flex-wrap:wrap}
html body .mold-editor-layout .review-card{display:none}
html body .mold-editor-layout #print-checks{max-height:100px;overflow:auto;flex-shrink:0}
html body .mold-editor-layout .part-legend{display:none}
html body .mold-editor-layout .mold-editor-controls .template-section h2{font:400 20px ZaobaLayout,sans-serif}
html body .mold-editor-layout .mold-editor-controls :is(.upload-modes,.input-types,.tabs){display:flex;gap:4px;flex-wrap:wrap}
html body .mold-editor-layout .mold-editor-controls :is(.upload-modes,.input-types,.tabs) button{font-size:12px;padding:7px 8px;flex:1;min-width:0}
html body .mold-editor-layout .mold-editor-controls .upload{min-height:110px;background:#edf5fb;border:1px dashed #8fb6d8;border-radius:12px}
html body .mold-editor-layout .mold-editor-controls :is(legend,.control-heading){font:400 20px ZaobaLayout,sans-serif}
html body .mold-editor-layout .mold-editor-controls .ze-settings-group>summary{font:400 20px/1.5 ZaobaLayout,sans-serif}
html body .mold-editor-layout .ze-add-content{background:#e0eefb!important}
html body .mold-editor-layout .mold-editor-controls .sample{border-top:1px solid #ddd9cf;margin-top:18px}
html body .mold-editor-layout .mold-editor-controls .sample>span{font-size:12px}
html body .mold-editor-layout .mold-editor-controls #flip-view{display:block;margin:12px 0}
@media(max-width:760px){
 html body .mold-editor-layout.ze-standard-header .zl-title{font-size:21px!important}
 html body .mold-editor-layout .mold-editor-canvas{padding:8px 10px;gap:5px}
 html body .mold-editor-layout .mold-modes{max-width:100%;width:100%;flex-wrap:nowrap;overflow:auto}
 html body .mold-editor-layout .mold-modes a{min-height:34px;padding:4px 8px}
 html body .mold-editor-layout .mold-modes .zb-ui-symbol{display:none!important}
 html body .mold-editor-layout .ze-canvas-title{font-size:17px}
 html body .mold-editor-layout :is(.stage,.enamel-stage){min-height:120px;flex:1 0 120px}
 html body .mold-editor-layout .preview-header .live-status{display:none}
 html body .mold-editor-layout .ze-view-modes button{min-height:36px;padding:4px 8px;font-size:12px;gap:4px}
 html body .mold-editor-layout .ze-view-modes .zb-ui-symbol{width:18px!important;height:18px!important;flex-basis:18px!important}
 html body .mold-editor-layout :is(#print-checks,.preview-note,#status){max-height:44px;overflow:auto;font-size:11px}
 html body .mold-editor-layout .zl-stage{grid-column:1;grid-row:3}
 html body .mold-editor-layout .zl-inspector{grid-column:1;grid-row:4;border-right:0;border-top:1px solid var(--zl-border)}
 html body .mold-editor-layout .zl-rail{grid-column:1;grid-row:5}
}
.shared-motif-picker .motif-categories{display:flex;gap:6px;overflow:auto;flex-wrap:nowrap;margin:10px 0;padding:3px 0;scrollbar-width:thin}.shared-motif-picker .motif-categories button{flex:none;padding:5px 11px!important;min-height:34px!important;border:1px solid #e2ddd2;border-radius:20px!important;background:#fffdf8;color:#173f73;font-size:12px;white-space:nowrap!important}.shared-motif-picker .motif-categories [aria-pressed=true]{background:#173f73;color:#fff}.shared-motif-picker .motif-search{width:100%;height:40px;min-height:40px!important;font:12px inherit;border:1px solid #d7d1c5;border-radius:10px;padding:8px;background:#fffdf6}.shared-motif-picker .motif-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.shared-motif-picker .motif-card{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;min-height:98px;padding:8px 3px;background:#eaf2f6;border:1px solid transparent;border-radius:12px!important}.shared-motif-picker .motif-card img{width:54px;height:54px;object-fit:contain}.shared-motif-picker .motif-card span{font-size:11px;white-space:nowrap}.shared-motif-picker .motif-card:focus-visible{outline:2px solid #173f73;outline-offset:2px}.shared-motif-picker .motif-mine{min-width:0}.shared-motif-picker .help{margin:8px 0}.shared-motif-picker .help:empty{display:none}
@media(max-width:760px){.shared-motif-picker .motif-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.shared-motif-picker .motif-card{min-height:78px}.shared-motif-picker .motif-card img{width:42px;height:42px}}
@media(max-width:760px){
 html body[data-mold-layout-ready] .mold-editor-layout.ze-standard-header .zl-header{grid-template-columns:44px minmax(0,1fr) 62px;grid-template-rows:44px 44px;gap:6px 4px;padding:6px 8px}
}
@media(min-width:561px) and (max-width:760px) and (max-height:560px){
 html body[data-mold-layout-ready] .mold-editor-layout.ze-standard-header.ze-standard-surface{grid-template-columns:240px minmax(0,1fr);grid-template-rows:106px auto minmax(0,1fr) 66px!important}
 html body[data-mold-layout-ready] .mold-editor-layout.ze-standard-header.ze-standard-surface.zl-panel-collapsed{grid-template-columns:0 minmax(0,1fr);grid-template-rows:106px auto minmax(0,1fr) 66px!important}
 html body[data-mold-layout-ready] .mold-editor-layout.ze-standard-header .zl-stage{grid-column:2;grid-row:3}
 html body[data-mold-layout-ready] .mold-editor-layout.ze-standard-header .zl-inspector{grid-column:1;grid-row:3;border-top:0;border-right:1px solid var(--zl-border)}
 html body[data-mold-layout-ready] .mold-editor-layout.ze-standard-header .zl-rail{grid-column:1/-1;grid-row:4}
 html body[data-mold-layout-ready] .mold-editor-layout.ze-standard-header :is(.stage,.enamel-stage){order:-1;min-height:0;flex:0 0 calc(100dvh - 210px - env(safe-area-inset-bottom))}
}
html body .mold-editor-layout .mold-confirm-actions{display:flex;justify-content:center;flex:none;gap:8px}
html body .mold-editor-layout .mold-confirm-actions:has(>button[hidden]){display:none}
html body .mold-editor-layout .mold-confirm-actions button{width:auto;min-height:44px;padding:9px 20px;border-radius:10px;font-size:13px;margin:0}
/* The public picker owns the visible My category; legacy receivers retain deep-link handling. */
html body .mold-editor-layout .mold-editor-controls>.material-entry,
html body .mold-editor-layout .mold-editor-section .material-entry{display:none}
html body .mold-editor-layout.ze-standard-header .zl-account{white-space:nowrap;min-width:70px}
html body .mold-editor-layout.ze-standard-header .zl-account>span:not(.zb-ui-symbol){flex:none}
@media(max-width:760px){html body[data-mold-layout-ready] .mold-editor-layout.ze-standard-header .zl-header{grid-template-columns:44px minmax(0,1fr) 70px}}