:root{font-family:'Yuanti SC',STYuanti,'Avenir Next','PingFang SC',sans-serif;color:#173f73;background:#fffaf0}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}a{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #438ac7;outline-offset:3px}[hidden]{display:none!important}
#canvasArea{height:100%;display:flex;flex-direction:column;padding:20px 24px 12px;min-height:0;gap:8px}.canvas-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.trial{font-size:11px;color:#71859d;border:1px solid #d7e1e6;padding:4px 9px;border-radius:20px}.bookmark-stage{position:relative;isolation:isolate;flex:1;min-height:120px;overflow:hidden;border:1px solid #dfe8eb;border-radius:15px;background:#d9e1e7}#preview{position:absolute;inset:0;display:block;width:100%;height:100%;touch-action:pan-y}#model-view{position:absolute;inset:0;width:100%;height:100%;background:#eaf0f2}#model-view canvas{width:100%;height:100%;touch-action:none}.stage-caption{position:absolute;left:16px;bottom:22px;color:#526d81;font-size:11px;pointer-events:none}.bookmark-specs{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:7px 1px;color:#617589;font-size:12px}.bookmark-specs strong{font-weight:500;color:#173f73;margin-left:4px}.model-messages{min-height:22px;font-size:12px;line-height:1.5}.model-messages p{margin:0}#status{color:#617589;font-size:11px}#warning{color:#795944}#error,#color-error{color:#a14553}#warning:empty,#error:empty{display:none}.bookmark-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:5px 0}.bookmark-presets button{display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0;padding:9px 5px;border:1px solid transparent;border-radius:12px;background:#eaf2f6;color:#173f73}.bookmark-presets button[aria-pressed=true]{border-color:#438ac7;background:#dcebf5}.bookmark-presets img{width:100%;height:auto;mix-blend-mode:multiply}.bookmark-presets span{font-size:12px}#my-artwork img{width:100%;max-height:200px;object-fit:contain}.help{font-size:12px;line-height:1.7;color:#64798e}.zl-panel label{display:block;font-size:13px;margin:12px 0 6px}.zl-panel select,.zl-panel input:not([type=color]):not([type=file]):not([type=range]):not([type=radio]){width:100%;padding:10px 12px;border:1px solid #d6dbda;border-radius:9px;background:#fffdf7;min-height:44px}.zl-panel input[type=range]{width:100%;accent-color:#438ac7}.range-label{display:flex!important;justify-content:space-between}.zl-panel details>summary{cursor:pointer;font:20px/1.5 ZaobaLayout,sans-serif;padding:14px 0}.zl-panel details{padding-bottom:15px;border-bottom:1px solid #e7e1d5}.secondary{display:block;width:100%;min-height:44px;padding:9px 12px;margin:10px 0;border:1px solid #b9cddc;background:transparent;border-radius:10px;font-size:13px}html body .ze-standard-surface :is(#add-image,#add-text).ze-add-content{background:#e0eefb!important}#inline-text{left:50%;top:56%;transform:translate(-50%,-50%);width:130px;font-size:22px}html body .ze-standard-surface .ze-view-modes{margin:0 auto 5px}html body .ze-standard-surface .ze-history{bottom:12px!important;right:12px!important}.ze-save-status[hidden]{display:none!important}
@media(max-width:760px){#canvasArea{padding:8px 10px 5px;gap:4px}.canvas-top{display:none}.bookmark-stage{border-radius:10px}.bookmark-specs{padding:2px;font-size:10px;gap:3px;line-height:1.5}.bookmark-specs strong{margin-left:0}.model-messages{min-height:15px;font-size:10px}#status{font-size:10px}.stage-caption{bottom:auto;top:9px;left:10px;font-size:9px}.bookmark-presets{grid-template-columns:repeat(3,minmax(0,1fr))}.bookmark-presets img{max-height:80px;width:80px}#my-artwork img{max-height:110px}.help{margin:6px 0}.zl-panel label{margin-top:7px}html body .ze-standard-surface .ze-history{bottom:8px!important;right:8px!important}#inline-text{font-size:16px;width:100px}}

#restore-overlay,#account-lock-overlay{position:fixed;inset:0;z-index:10000;display:grid;place-content:center;background:#fffaf0bb;backdrop-filter:blur(2px);font:16px 'PingFang SC',sans-serif;color:#173f73}

#pause-note{color:#365f76;margin:3px 0;line-height:1.6}.fabric-palette .custom-colors{grid-template-columns:1fr}

#bookmark-save-status button{margin-left:12px;min-height:32px;border:1px solid #b9cddc;border-radius:8px;background:#eaf2f6;padding:4px 10px}

:is(#inscription-font-picker,#inscription-font-font-dialog){--zf-accent:#438ac7;--zf-tint:#e0eefb;--zf-line:#b9cddc}
:is(#inscription-font-picker,#inscription-font-font-dialog) .zf-language{color:#617589}
#inscription-font-font-dialog .zf-card{min-height:126px}

.bookmark-styles{border:0;padding:0;margin:8px 0 0;min-width:0}.bookmark-styles legend{font-size:13px;padding:0 0 10px}.style-choices{display:grid;grid-template-columns:1fr 1fr;gap:8px}.zl-panel .style-choice{display:flex;align-items:flex-start;gap:6px;margin:0;min-height:116px;padding:12px 8px;border:1px solid #c5d3dc;border-radius:12px;background:#fffdf7;cursor:pointer}.style-choice:has(input:checked){border:2px solid #173f73;background:#e8f1f8;padding:11px 7px}.style-choice input{flex:none;width:15px;height:15px;margin:2px 0 0;accent-color:#173f73}.style-copy{display:flex;flex-direction:column;gap:8px;min-width:0}.style-copy strong{font-size:13px;line-height:1.5}.style-copy>span{font-size:11px;line-height:1.75;color:#526d81}
