body[data-feature=frame]{--za-selection-ink:#86576b;--frame-soft:#f2dce4;--frame-line:#bd8c9f}.frame-view-tabs{position:absolute;top:24px;right:30px;display:flex;gap:4px;background:#f6e9eb;padding:4px;border-radius:13px;z-index:4}.frame-view-tabs button{padding:9px 14px;border:0;border-radius:10px;background:transparent;font-size:13px}.frame-view-tabs button[aria-pressed=true]{background:#ead2dc}.workshop-editor .stage-header,.workshop-editor .view-switch,.workshop-editor .model-caption,.workshop-editor .orbit-help{display:none!important}#frame-canvas{position:absolute;left:25px;top:80px;width:calc(100% - 50px);height:calc(100% - 165px);touch-action:none;user-select:none}#frame-canvas [data-id]{cursor:grab}#frame-canvas [data-handle]{cursor:crosshair}.workshop-editor #viewport{position:absolute;inset:80px 0 90px}.frame-choices{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:12px 0 24px}.frame-choices button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:80px;padding:12px 8px;border:1px solid #ded9cf;border-radius:15px;background:#fffaf1;color:#173f73}.frame-choices button[aria-pressed=true]{background:#f2dce4;border-color:#bd8c9f}.frame-choices small{font-size:11px}.frame-choices img{width:65px;height:60px;object-fit:contain}.frame-section{margin-top:22px;font-size:15px;color:#86576b}.frame-selected{border-top:1px solid #ddd5d0;margin-top:20px;padding-top:16px}.frame-selected input,.frame-selected select{width:100%}.frame-selected label{font-size:13px;display:block;margin:12px 0 5px}.frame-state{position:absolute;left:30px;right:30px;bottom:70px;font-size:12px;color:#895c3b;max-height:70px;overflow:auto}.frame-text-add:not(.christmas-text-add){background:#f2dce4!important;margin-bottom:16px}#frame-actions{position:absolute;left:25px;bottom:22px;display:flex}.frame-text-list{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0}.frame-text-list button{padding:8px 12px}.frame-side{margin-bottom:12px;display:flex;gap:8px}.frame-side button[aria-pressed=true]{background:#f2dce4}.frame-legacy{font-size:12px;color:#86576b;display:block;margin-top:20px}.workshop-editor .stage-footer{bottom:20px!important}.frame-preview-label{font-size:12px;fill:#86576b}.frame-selected [hidden]{display:none!important}@media(max-width:760px){#frame-canvas{left:12px;top:60px;width:calc(100% - 24px);height:calc(100% - 125px)}.frame-view-tabs{top:12px;right:14px}.frame-view-tabs button{padding:7px 10px;font-size:12px}.frame-choices{grid-template-columns:repeat(3,minmax(0,1fr))}.frame-choices button{font-size:12px;padding:8px 4px}.frame-choices small{font-size:10px}.frame-state{bottom:50px}.zl-rail{overflow-x:auto}.zl-rail .zl-tool{min-width:56px;flex:1}}
#frame-canvas[hidden],#viewport[hidden]{display:none!important}.frame-choices button:hover{border-color:#bd8c9f}.frame-choices button:focus-visible{outline:2px solid #86576b;outline-offset:2px}#download{display:flex;gap:7px;align-items:center}#download .zb-ui-symbol{width:20px;height:20px}

body[data-feature=frame] .zl-rail .zl-tool[aria-selected=true],body[data-feature=frame] #download.primary{background:#f2dce4!important;border-color:#bd8c9f!important}body[data-feature=frame] .primary{background:#f2dce4!important} #frame-dimensions{font-size:12px;color:#86576b}

body[data-feature=frame] .christmas-text-add,body[data-feature=frame] .frame-text-list button[aria-pressed=true]{background:#f2dce4!important;border-color:#bd8c9f!important}
body[data-feature=frame] .za-model-notes:has(#structure-status:empty):has(#manufacturing-note:empty){display:none}
/* Existing illustrated cards and awards-style narrow track / outlined round thumb. */
#frame-backs .frame-backing-art{display:block!important;width:94px!important;height:94px!important;flex:none;background-repeat:no-repeat}

#frame-backs .zb-illustrated-choice{min-height:140px;gap:6px;padding:12px 6px!important}
.frame-depth-control{margin-top:22px}.frame-depth-control[hidden]{display:none!important}.frame-depth-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.frame-depth-heading .text-label{margin:0!important}.frame-depth-heading output{min-width:64px;padding:5px 9px;background:#f2dce4;border-radius:9px;color:#86576b;text-align:center;font-size:13px;font-variant-numeric:tabular-nums}
body[data-feature=frame] .frame-range{appearance:none;-webkit-appearance:none;width:100%;height:40px;margin:6px 0 0;padding:0;background:transparent;border:0;box-shadow:none;cursor:pointer;--range-progress:25%}
.frame-range::-webkit-slider-runnable-track{height:5px;border-radius:5px;background:linear-gradient(to right,#b67c95 0 var(--range-progress),#eadce2 var(--range-progress) 100%)}
.frame-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;margin-top:-7.5px;border:2px solid #b67c95;border-radius:50%;background:#fffaf1;box-shadow:0 1px 3px #86576b20}
.frame-range::-moz-range-track{height:5px;border-radius:5px;background:#eadce2}.frame-range::-moz-range-progress{height:5px;border-radius:5px;background:#b67c95}.frame-range::-moz-range-thumb{width:16px;height:16px;border:2px solid #b67c95;border-radius:50%;background:#fffaf1}
.frame-range:focus-visible{outline:2px solid #86576b;outline-offset:2px;border-radius:8px}.frame-range:hover::-webkit-slider-thumb{border-color:#86576b}.frame-range:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:760px){#frame-backs .frame-backing-art{width:76px!important;height:76px!important}#frame-backs .zb-illustrated-choice{min-height:118px}}

#frame-connector-view{position:absolute;right:30px;top:82px;z-index:4;border:1px solid #bd8c9f;border-radius:10px;background:#fffaf1;color:#86576b;padding:8px 12px;font-size:13px}#frame-connector-view[hidden]{display:none}#frame-connector-view[aria-pressed=true]{background:#f2dce4}
/* This frame shell has no secondary header row. Override the inherited trophy
   desktop columns at the mobile breakpoint so option cards get the full width. */
@media(max-width:760px){
 html body[data-feature=frame] .trophy-editor:not(.ze-standard-header){grid-template-columns:minmax(0,1fr);grid-template-rows:138px minmax(140px,1fr) minmax(100px,36dvh) calc(66px + env(safe-area-inset-bottom))}
 html body[data-feature=frame] .trophy-editor.zl-panel-collapsed:not(.ze-standard-header){grid-template-rows:138px minmax(140px,1fr) 0 calc(66px + env(safe-area-inset-bottom))}
}