@charset "UTF-8";.demo-samples{margin-top:14px;padding:12px;background:var(--surface-muted);border:1px solid var(--line);border-radius:10px;min-width:0}.demo-samples h3{font-size:12px;font-weight:600;line-height:1.7;color:var(--ink)}.demo-samples-description,.demo-samples-hint{font-size:10px;line-height:1.8;color:var(--muted);margin-top:4px}.demo-samples-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.demo-sample{display:flex;flex-direction:column;min-width:0;width:100%;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--ink)}.demo-sample:not(:disabled):hover{border-color:var(--accent);background:var(--accent-soft)}.demo-sample img{display:block;width:100%;height:70px;object-fit:cover}.demo-sample>span{display:block;font-size:12px;line-height:1.6;padding:6px 2px}.demo-sample>.demo-sample-placeholder{display:grid;width:100%;height:70px;padding:0;place-items:center;background:var(--surface-muted);color:var(--muted);font-size:25px}.demo-samples-feedback,.demo-samples-error{font-size:12px;line-height:1.8;margin-top:8px;overflow-wrap:anywhere}.demo-samples-feedback{color:var(--muted)}.demo-samples-error{color:var(--danger)}.receipt-task-id{display:block;margin-top:5px;font-size:10px;line-height:1.7;color:var(--muted);overflow-wrap:anywhere;-webkit-user-select:text;user-select:text}#material-heading,#preview-heading,#publish-heading,#creation-access{scroll-margin-top:80px}.mobile-workflow a{display:flex;align-items:center;gap:5px;min-height:44px;min-width:0}@media(max-width:700px){.demo-samples h3{font-size:13px}.demo-samples-description,.demo-samples-hint{font-size:11px}.receipt-task-id{font-size:12px}.mobile-workflow{gap:5px}.mobile-workflow li{align-items:stretch}.mobile-workflow a>span{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;width:21px;height:21px;font-size:11px;background:var(--accent-soft);color:var(--accent)}}@media(max-width:360px){.mobile-workflow a{gap:3px}.mobile-workflow a>span{width:18px;height:18px;font-size:10px}}.dialog.output-editor-dialog.native-output-editor{width:min(980px,calc(100vw - 32px));height:min(1040px,calc(100dvh - 32px));max-height:calc(100dvh - 32px);padding:18px 20px;display:flex;flex-direction:column;overflow:hidden}.native-output-editor .native-editor-note{font-size:12px;line-height:1.8;color:var(--muted);margin:8px 0 12px;flex-shrink:0}.native-editor-note small{display:block;font-size:11px}.native-output-editor .native-editor-body{min-width:0;min-height:0;flex:1;overflow:auto;overscroll-behavior:contain}.native-editor-controls{border:0;margin:0;padding:0;min-width:0}.native-editor-tools,.native-editor-transform{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin-bottom:12px}.native-editor-tools button,.native-editor-transform button,.native-history-buttons button{min-width:0;min-height:42px;border:1px solid var(--line);border-radius:7px;padding:7px 5px;background:var(--surface,#fffdf9);font-size:12px;white-space:normal;overflow-wrap:anywhere}.native-editor-tools button[aria-pressed=true]{border-color:var(--accent,#95553f);background:var(--accent-soft,#f3e7dc);color:var(--accent,#95553f)}.native-editor-transform{margin:8px 0 0;grid-template-columns:repeat(5,minmax(0,1fr))}.native-editor-history{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:start;margin:10px 0}.native-history-buttons{display:flex;gap:6px}.native-history-buttons button{min-width:58px;padding:7px 12px}.native-editor-composition summary{cursor:pointer;font-size:12px;min-height:42px;padding:10px;border:1px solid var(--line);border-radius:7px}.native-editor-composition[open]{grid-column:1/-1}.native-text-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-items:end;min-width:0}.native-text-controls label{display:flex;flex-direction:column;gap:5px;font-size:12px;min-width:0}.native-text-content{grid-column:1/-1}.native-text-controls textarea,.native-text-controls select{width:100%;max-width:100%;min-width:0;box-sizing:border-box;border:1px solid var(--line);border-radius:6px;padding:8px;font:inherit;font-size:16px;background:var(--surface,#fffdf9);color:inherit}.native-text-controls textarea{resize:vertical;min-height:44px;max-height:160px}.native-text-controls .button{font-size:13px;min-height:42px;padding:8px}.native-tool-hint{grid-column:1/-1;font-size:11px;line-height:1.7;color:var(--muted)}.native-text-placement{display:flex;align-items:center;gap:10px;margin-top:10px}.native-text-placement .native-tool-hint{flex:1}.native-text-placement .button{min-height:44px;flex-shrink:0;font-size:13px;padding:8px 12px}.native-editor-format{margin-top:8px;font-size:11px;color:var(--muted);line-height:1.8}.native-editor-format summary{cursor:pointer;min-height:32px;padding:6px 0}.native-crop-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:12px}.native-crop-controls p{flex-basis:100%;color:var(--muted)}.native-width-control{display:block;font-size:12px;padding:3px 3px 0}.native-width-control input{max-width:320px;min-height:30px}.native-width-control input::-webkit-slider-runnable-track{background:var(--line,#ddd1c5)}.native-width-control input::-moz-range-track{background:var(--line,#ddd1c5)}.native-editor-stage{padding:12px;border:1px solid var(--line);border-radius:8px;background:#e9e3da;min-width:0}.native-editor-frame{position:relative;width:100%;margin:auto;background:#fff;box-shadow:0 3px 14px #29252120;line-height:0}.native-editor-frame canvas{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}.native-crop-selection{position:absolute;pointer-events:none;border:2px dashed #95553f;background:#95553f12;box-sizing:border-box}.native-text-anchor{position:absolute;transform:translate(-50%,-50%);pointer-events:none;line-height:1;color:#95553f;font-size:22px;text-shadow:0 0 2px white}.native-editor-dimensions{font-size:11px;line-height:1.8;color:var(--muted);margin-top:8px}.native-editor-loading{display:flex;align-items:center;gap:7px;padding:10px;font-size:12px}.native-output-editor .native-editor-actions{flex-shrink:0;align-items:center;margin-top:12px;gap:8px}.native-editor-actions>span{flex:1;font-size:11px;color:var(--muted)}.native-editor-actions .button{min-height:44px;font-size:13px;white-space:normal}.native-editor-discard{flex-shrink:0;font-size:13px;padding-top:10px}.native-output-editor>.inline-error{flex-shrink:0;font-size:12px;max-height:120px;overflow:auto}.native-output-editor>.inline-error .text-button{margin-left:8px}@media(max-width:700px){.dialog.output-editor-dialog.native-output-editor{width:calc(100vw - 16px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);padding:12px}.native-editor-tools{grid-template-columns:repeat(4,minmax(0,1fr))}.native-editor-transform{grid-template-columns:repeat(3,minmax(0,1fr))}.native-editor-tools button,.native-editor-transform button,.native-history-buttons button{min-height:44px;font-size:12px}.native-editor-composition summary{min-height:44px}.native-text-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.native-text-controls .button{min-height:44px}.native-editor-stage{padding:8px}.native-output-editor .native-editor-actions{flex-wrap:wrap}.native-editor-actions>span{flex-basis:100%}.native-editor-actions .button{flex:1;min-width:0}.native-output-editor .native-editor-note{font-size:11px;margin-bottom:9px}}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;font-weight:400;font-size:13px;line-height:1.6;--bg:#f6f1e9;--ink:#292521;--muted:#74685f;--line:#e6dbcf;--surface:#fffdf9;--surface-muted:#f7f1e9;--surface-strong:#eadfd1;--accent:#95553f;--accent-deep:#713c2a;--accent-soft:#f3e7dc;--success:#546b56;--success-soft:#eef1ea;--danger:#944f39;--warning:#7d5c2c;--warning-soft:#fbf2e3;--serif:"Songti SC","STSong","Noto Serif CJK SC","SimSun",Georgia,serif;--panel-inset: 20px;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0;min-width:320px;overflow-wrap:break-word}button,input,select{font:inherit;color:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{border:0;cursor:pointer;transition:background .18s,color .18s,border-color .18s,box-shadow .18s;color:inherit;background:none}button:disabled{cursor:not-allowed;opacity:.45}button:not(:disabled):active{transform:translateY(1px)}a{text-decoration:none;color:inherit}input{max-width:100%;color:inherit}input:disabled{opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #a07c4e;outline-offset:3px}::selection{background:var(--accent-soft);color:var(--ink)}h1,h2,h3,p{margin:0}h2{font-size:15px;font-weight:600;letter-spacing:.5px}svg{flex-shrink:0}input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px;margin:0}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.muted{font-size:10px;font-weight:400;color:var(--muted)}.eyebrow{font-size:9px;letter-spacing:1.8px;display:flex;align-items:center;gap:9px;color:var(--muted)}.tiny-line{height:1px;width:22px;background:var(--accent)}.button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;padding:10px 18px;font-size:12px;font-weight:500;line-height:1.5;white-space:nowrap}.primary{border:1px solid var(--accent);background:var(--accent);color:#fff}.primary:not(:disabled):hover{background:var(--accent-deep);box-shadow:0 4px 12px #49382c1a}.primary:disabled{opacity:.8;background:#d4c8bc;border-color:#d4c8bc;color:#fff}.secondary{border:1px solid var(--line);background:var(--surface);border-color:var(--line);color:var(--ink)}.secondary:not(:disabled):hover{background:var(--surface-muted)}.danger{border:1px solid #92513d;color:#fff;background:var(--danger);border-color:var(--danger)}.danger:hover{background:#793e2c}.full-width{width:100%}.icon-button{display:inline-flex;align-items:center;justify-content:center;border-radius:6px;padding:6px;min-height:30px;min-width:30px}.icon-button:not(:disabled):hover{background:var(--surface-muted)}.text-button{padding:4px 0;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:11px;font-weight:500;color:var(--accent)}.text-button:not(:disabled):hover{text-decoration:underline;text-underline-offset:3px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app-shell{display:flex;min-height:100vh}.brand-rail{width:64px;flex-shrink:0;border-right:1px solid var(--line);display:flex;align-items:center;flex-direction:column;position:fixed;top:0;bottom:0;z-index:5;background:#efe7dc;border-color:var(--line)}.brand-mark{height:36px;width:36px;display:grid;place-items:center;border-radius:50%;margin:20px 0 8px;background:var(--ink);color:var(--surface)}.brand-mark svg{width:24px}.rail-name{font-family:var(--serif);font-size:13px;letter-spacing:2px;font-weight:600}.rail-divider{width:22px;height:1px;margin:22px 0 18px;background:var(--surface-strong)}.rail-item{width:46px;min-height:61px;display:flex;align-items:center;justify-content:center;gap:4px;flex-direction:column;font-size:10px;margin-bottom:12px;border-radius:8px;color:var(--muted)}.rail-item.active{background:var(--accent-soft);color:var(--accent)}.rail-item:hover{background:var(--surface-strong)}.rail-bottom{writing-mode:vertical-rl;letter-spacing:5px;margin-top:auto;margin-bottom:30px;font-family:var(--serif);font-size:11px;color:var(--muted)}.workspace{margin-left:64px;min-width:0;flex:1}.topbar{height:64px;padding:0 28px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--surface);border-color:var(--line)}.wordmark{display:flex;gap:15px;align-items:center}.wordmark>span:first-child{font-family:var(--serif);font-size:20px;font-weight:600;letter-spacing:2px;white-space:nowrap}.wordmark-dot{margin:0 5px;color:var(--accent)}.wordmark-en{font-size:9px;letter-spacing:2px;border-left:1px solid var(--line);padding-left:16px;color:var(--muted)}.header-actions{display:flex;align-items:center;gap:16px;min-width:0}.local-badge{font-size:10px;display:flex;align-items:center;gap:7px;white-space:nowrap;color:var(--muted)}.local-badge>span,.preview-live>span{width:6px;height:6px;border-radius:50%;background:var(--accent)}.header-divider{height:16px;width:1px;background:var(--surface-strong)}.account-button{display:flex;align-items:center;gap:8px;font-size:11px;min-height:36px;max-width:200px}.account-button>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-button:hover{color:var(--accent)}main{padding:24px 28px 0;max-width:1480px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;gap:20px}.page-heading h1{font-family:var(--serif);font-size:28px;font-weight:500;line-height:1.5;letter-spacing:2px;margin:5px 0 4px;color:var(--ink)}.page-heading h1>span{color:var(--accent)}.page-heading p{font-size:11px;letter-spacing:.5px;color:var(--muted)}.heading-note{display:flex;align-items:center;gap:12px;font-family:var(--serif);font-size:12px;line-height:1.9;color:var(--muted)}.heading-note small{font-size:8px;letter-spacing:1px;color:var(--muted)}.editor-grid{display:grid;grid-template-columns:minmax(340px,.9fr) minmax(0,1.35fr);gap:20px;align-items:stretch}.editor-panel{border:1px solid var(--line);border-radius:12px;overflow:hidden;min-width:0;background:var(--surface);border-color:var(--line);box-shadow:0 5px 20px #49382c08}.controls-panel,.preview-panel{display:flex;flex-direction:column}.panel-heading{display:flex;align-items:center;gap:11px;min-height:76px;padding:14px var(--panel-inset);border-bottom:1px solid var(--line);flex-shrink:0}.number-label{font-family:Georgia,serif;width:30px;height:30px;display:grid;place-items:center;border-radius:9px;font-size:12px;font-style:italic;color:var(--accent);background:var(--accent-soft)}.panel-title{min-width:0}.panel-title p{font-size:10px;color:var(--muted);margin-top:3px}.small-caption{font-size:10px;margin-left:auto;padding:3px 8px;background:var(--surface-muted);border-radius:5px;white-space:nowrap;color:var(--muted)}.control-body{padding:0 var(--panel-inset)}.control-group{padding:16px 0}.control-group+.control-group{border-top:1px solid var(--line)}.section-label{display:flex;align-items:center;justify-content:space-between;font-size:12px;gap:8px;margin-bottom:10px}.section-label h3{font-size:12px;font-weight:600}.dropzone{border:1px dashed var(--line);width:100%;min-height:88px;display:flex;align-items:center;text-align:left;border-radius:8px;padding:13px;gap:12px;background:var(--surface-muted);border-color:#cdb8a5}.dropzone:not(:disabled):hover,.dropzone.dragging{background:var(--accent-soft);border-color:var(--accent)}.upload-icon{height:40px;width:40px;border-radius:10px;display:grid;place-items:center;flex-shrink:0;background:var(--accent-soft);color:var(--accent)}.upload-copy{display:flex;flex-direction:column;min-width:0;gap:2px}.upload-copy strong{font-size:12px;font-weight:500}.upload-copy>span,.upload-copy small{font-size:10px;color:var(--muted)}.upload-copy em{font-style:normal;color:var(--accent)}.upload-plus{margin-left:auto;color:var(--muted)}.asset-progress{display:flex;gap:6px;align-items:center;font-size:10px;color:var(--muted);margin-top:8px}.material-note{font-size:10px;color:var(--muted);line-height:1.7;margin-top:8px}.style-options{display:grid;gap:8px;grid-template-columns:minmax(0,1fr)}.style-card{border:1px solid var(--line);border-radius:8px;position:relative;display:flex;align-items:center;gap:9px;text-align:left;padding:10px;min-height:64px;border-color:var(--line)}.style-card:last-child{grid-column:1 / -1}.style-card.selected{box-shadow:inset 0 0 0 1px #95553f12;border-color:var(--accent);background:var(--accent-soft)}.style-card:not(:disabled):hover{border-color:#c8aa94;background:var(--surface-muted)}.style-copy{display:flex;flex-direction:column;min-width:0}.style-copy strong{font-size:12px;white-space:normal;font-weight:600}.style-copy small{font-size:10px;color:var(--muted);line-height:1.5;margin-top:3px}.style-check{position:absolute;top:4px;right:4px;width:14px;height:14px;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--accent)}.style-landscape{display:block;position:relative;width:32px;height:32px;border-radius:5px;overflow:hidden;flex-shrink:0;border:1px solid var(--line);background:#fff;box-shadow:0 0 0 1px #49382c0d}.style-landscape i{position:absolute;display:block;width:28px;height:20px;transform:rotate(-45deg);left:0;top:23px;border-radius:2px;background:var(--accent)}.style-landscape b{position:absolute;width:23px;height:23px;transform:rotate(-45deg);left:19px;top:20px;border-radius:2px;background:var(--surface-strong)}.style-landscape:after{content:"";position:absolute;left:6px;top:6px;width:5px;height:5px;border-radius:50%;background:#000}.floyd_steinberg-landscape i,.floyd_steinberg-landscape b{background-size:3px 3px;background:radial-gradient(#000 38%,transparent 42%)}.ostromoukhov-landscape i,.ostromoukhov-landscape b{background-size:4px 3px;background:radial-gradient(#000 30%,transparent 37%)}.sauvola-landscape i,.sauvola-landscape b,.xdog-landscape i,.xdog-landscape b{border:1.5px solid #000;background:#fff}.sauvola-landscape:after,.xdog-landscape:after{border:1px solid #000;background:#fff}.style-info{margin-top:10px}.style-info summary,.processing-details summary{display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none}.style-info summary::-webkit-details-marker,.processing-details summary::-webkit-details-marker{display:none}.style-info summary{font-size:10px;color:var(--muted);min-height:26px;justify-content:space-between}.style-info[open] summary>svg,.processing-details[open] summary>svg:last-child{transform:rotate(180deg)}.style-explanation{font-size:11px;line-height:1.85;margin-top:8px;padding:10px;border-radius:6px;color:var(--muted);background:var(--surface-muted)}.style-explanation small{display:block;font-size:10px;margin-top:5px;color:var(--muted)}.reset-button{font-size:10px;padding:0;min-height:24px}.range-label{display:flex;align-items:center;justify-content:space-between;font-size:11px}.range-label output{font-size:10px;padding:1px 7px;min-width:30px;text-align:center;border-radius:4px;font-family:Consolas,monospace;background:var(--accent-soft);color:var(--accent)}input[type=range]{display:block;width:100%;border-radius:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;height:32px;min-height:32px;background:transparent;margin:2px 0 10px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:50%;width:20px;height:20px;margin-top:-8px;background:var(--accent);border:3px solid var(--surface);box-shadow:0 1px 5px #49382c24}input[type=range]::-moz-range-thumb{border-radius:50%;width:15px;height:15px;background:var(--accent);border:3px solid var(--surface)}.control-help{display:flex;justify-content:space-between;gap:8px;font-size:10px;margin-bottom:12px;color:var(--muted)}.checkbox-row{display:flex;align-items:center;gap:8px;font-size:11px;margin-top:14px}.setting-hint{margin-left:auto;color:var(--muted);font-size:10px}.processing-details{margin-top:auto;border-top:1px solid var(--line);padding:12px var(--panel-inset);color:var(--muted);background:var(--surface-muted)}.processing-details summary{font-size:11px;min-height:32px}.processing-details summary>span{flex:1}.processing-details summary small{display:block;font-size:10px;margin-top:1px}.binary-note,.panel-footnote{font-size:10px;line-height:1.8;padding-top:10px}.preview-live{margin-left:auto;font-size:10px;display:flex;align-items:center;gap:6px;white-space:nowrap;color:var(--muted)}.publish-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 14px;padding:16px var(--panel-inset) 12px}.compact-account{display:flex;align-items:center;gap:6px;min-width:0;font-size:11px;color:var(--ink)}.compact-account>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-account .text-button{flex-shrink:0}.publish-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px}.publish-main{min-height:40px;padding:9px 16px}.download-link{font-size:11px;display:inline-flex;align-items:center;gap:5px;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.publish-hint{grid-column:1 / -1;font-size:10px;color:var(--muted);line-height:1.8}.history-panel{margin:0 var(--panel-inset);border:1px solid var(--line);border-radius:8px;scroll-margin-top:16px;flex-shrink:0;background:var(--surface-muted)}.history-heading{display:flex;align-items:center;justify-content:space-between;padding:6px 11px;gap:8px}.history-disclosure{display:flex;align-items:center;gap:8px;flex:1;min-width:0;padding:0;text-align:left;min-height:30px}.history-disclosure>svg{color:var(--muted)}.history-disclosure h2{font-size:11px;flex:1;font-weight:500}.history-disclosure>svg:last-child{transition:transform .2s;color:var(--muted)}.collapsed-chevron{transform:rotate(-90deg)}.history-heading>.icon-button{color:var(--muted)}.history-count{margin-left:7px;font:10px Consolas,monospace;padding:2px 6px;border-radius:4px;background:var(--accent-soft);color:var(--accent)}.history-body{border-top:1px solid var(--line);margin:0 12px}.receipt-list{list-style:none;margin:0;padding:4px 0;overflow:auto;max-height:210px}.receipt-list li{display:flex;gap:8px;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--line)}.receipt-list li:last-child{border:0}.receipt-indicator{width:18px;height:18px;display:grid;place-items:center;border-radius:50%;flex-shrink:0;margin-top:1px}.receipt-indicator.success{background:var(--success-soft);color:var(--success)}.receipt-indicator.failed{background:#faece5;color:var(--danger)}.receipt-indicator.unknown{background:var(--warning-soft);color:var(--warning)}.receipt-list li>div{min-width:0;flex:1}.receipt-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.receipt-title strong{font-size:11px;font-weight:500}.receipt-title time{font-size:10px;white-space:nowrap;color:var(--muted)}.receipt-list p{font-size:10px;line-height:1.8;margin-top:4px;overflow-wrap:anywhere;color:var(--muted)}.history-footnote{font-size:10px;border-top:1px dashed var(--line);padding:9px 0 11px;color:var(--muted)}.compact-empty-history{padding:12px 0;font-size:11px;color:var(--muted)}.history-skeleton{height:60px;margin:12px 0}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:14px var(--panel-inset);gap:10px;flex-shrink:0}.segmented{display:flex;border-radius:6px;padding:3px;gap:2px;background:var(--surface-strong)}.segmented button{font-size:11px;display:flex;align-items:center;gap:5px;min-height:29px;padding:4px 12px;border-radius:4px;color:var(--muted)}.segmented button[aria-pressed=true]{box-shadow:0 1px 3px #49382c14;background:var(--surface);color:var(--ink)}.paper-dimensions{font-family:Consolas,monospace;font-size:11px;white-space:nowrap;color:var(--muted)}.preview-stage{position:relative;min-height:380px;height:380px;flex:1 0 380px;min-width:0;margin:0 var(--panel-inset);background-size:14px 14px;border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#eee8df;background-image:radial-gradient(#a5907833 .8px,transparent .8px);border-color:var(--line)}.preview-stage:not(.has-image){min-height:430px;flex-basis:430px}.preview-stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at center,#fffdf966 0,transparent 80%)}.stage-corner{position:absolute;width:15px;height:15px;border-style:solid;z-index:2;border-color:var(--line)}.stage-corner.top-left{left:15px;top:15px;border-width:1px 0 0 1px}.stage-corner.bottom-right{right:15px;bottom:15px;border-width:0 1px 1px 0}.preview-object{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;transition:transform .2s}.paper-preview{max-height:82%;max-width:74%;height:82%;width:auto;position:relative;display:flex;overflow:hidden;box-shadow:0 12px 25px #49382c20,0 0 0 1px var(--line)}.paper-preview img{display:block;width:100%;height:100%;object-fit:contain;position:absolute;top:0;right:0;bottom:0;left:0}.preview-busy{position:absolute;top:12px;right:12px;padding:6px 9px;border:1px solid var(--line);border-radius:5px;font-size:10px;display:flex;align-items:center;gap:6px;z-index:3;background:#fffdf9ed;border-color:var(--line);color:var(--accent)}.stage-bottom-label{position:absolute;bottom:11px;left:10px;right:10px;text-align:center;font-size:9px;letter-spacing:.6px;color:var(--muted)}.preview-footer{display:flex;align-items:center;justify-content:space-between;padding:14px var(--panel-inset) 0;gap:10px;flex-wrap:wrap;flex-shrink:0}.compare-toggle{display:flex;border:1px solid var(--line);border-radius:6px;overflow:hidden;flex-shrink:0}.compare-toggle button{font-size:10px;min-height:29px;padding:4px 13px;color:var(--muted)}.compare-toggle button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent)}.compare-toggle button+button{border-left:1px solid var(--line)}.zoom-controls{display:flex;align-items:center;font-size:10px;gap:2px;color:var(--muted)}.zoom-controls>span{min-width:34px;text-align:center;font-family:Consolas,monospace}.zoom-controls .icon-button{min-width:26px;min-height:29px;padding:5px}.fit-button{margin-left:4px}.pixel-toggle{padding:4px 8px;border:1px solid var(--line);border-radius:5px;white-space:nowrap;min-height:29px;font-size:10px}.pixel-toggle[aria-pressed=true]{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.preview-notices{min-height:44px;padding:10px var(--panel-inset) 16px;display:flex;align-items:center;font-size:10px;flex-shrink:0;color:var(--muted)}.preview-notices p{display:flex;align-items:flex-start;gap:5px}.preview-notices svg{margin-top:2px}.preview-error{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;width:100%;color:var(--danger)}.preview-error .text-button{flex-shrink:0}.preview-stage.pixel-mode{display:block;overflow:auto}.pixel-mode .preview-object{position:relative;inset:auto;min-width:100%;min-height:100%;padding:24px;align-items:flex-start;justify-content:flex-start;transition:none}.pixel-mode .paper-preview{max-width:none;max-height:none;flex-shrink:0}.pixel-mode .paper-preview img{image-rendering:pixelated}.pixel-mode .stage-corner,.pixel-mode .stage-bottom-label{display:none}.empty-preview{text-align:center;position:relative;display:flex;flex-direction:column;align-items:center;width:100%;padding:16px}.empty-art{position:relative;width:236px;height:209px;flex-shrink:0;margin:0 auto 7px}.art-orbit{position:absolute;border:1px solid var(--line);border-radius:50%;left:19px;top:5px;width:195px;height:195px;transform:rotate(-25deg)}.orbit-two{width:240px;height:126px;top:37px;left:-3px;transform:rotate(-31deg);border-color:var(--line)}.art-paper{position:absolute;left:59px;top:23px;width:121px;height:156px;border-radius:3px;transform:rotate(-10deg);background:var(--surface-muted);box-shadow:5px 10px 21px #49382c19,0 0 0 1px var(--line)}.art-paper svg{position:absolute;bottom:29px;width:99px;height:88px;left:11px;color:#bda78f}.art-sun{position:absolute;top:18px;right:16px;width:21px;height:21px;border:1px solid #ded1af;border-radius:50%;background:var(--surface-strong)}.art-paper-line{position:absolute;bottom:17px;left:23px;right:23px;height:1px;background:var(--surface-strong)}.art-paper-dot{position:absolute;bottom:10px;left:57px;width:4px;height:4px;border-radius:50%;background:var(--surface-strong)}.art-leaf{position:absolute;width:27px;height:47px;border-radius:70% 0;left:29px;top:110px;transform:rotate(-42deg);background:#b4b69b}.leaf-two{left:auto;right:23px;top:59px;width:15px;height:30px;transform:rotate(22deg);background:#c5c7b0}.art-spark{position:absolute;font-family:Georgia,serif;color:var(--muted)}.spark-one{left:19px;top:46px;font-size:26px}.spark-two{right:27px;bottom:18px;font-size:21px;font-weight:300}.empty-eyebrow{font-size:7px;letter-spacing:1px;margin-bottom:10px;color:var(--muted)}.empty-preview h3{font-family:var(--serif);font-size:21px;font-weight:400;letter-spacing:1px;margin-bottom:10px;color:var(--ink)}.empty-preview p{font-size:11px;line-height:1.9;color:var(--muted)}.empty-upload{font-size:11px;min-height:36px;padding:7px 14px;border:1px solid var(--line);margin-top:16px;background:var(--surface);border-color:#cdb8a5;color:var(--accent)}.empty-upload:hover{background:var(--accent-soft)}.empty-bottom-note{font-family:var(--serif);font-size:10px;letter-spacing:1px;margin-top:18px;color:var(--muted)}.product-cup-svg{display:block;width:min(88%,320px);height:88%;overflow:visible;filter:drop-shadow(5px 8px 9px #49382c12)}.cup-controls{margin:0 var(--panel-inset) 14px;padding:13px;border:1px solid var(--line);border-radius:8px;flex-shrink:0;background:var(--surface-muted);border-color:var(--line)}.cup-controls-row{display:flex;align-items:center;gap:12px}.cup-controls-row>label{flex:1;min-width:0;font-size:11px;font-weight:600;color:var(--ink)}.cup-controls select{display:block;width:100%;margin-top:7px;padding:9px 30px 9px 9px;min-height:37px;border:1px solid var(--line);border-radius:5px;font:inherit;font-weight:400;background:var(--surface);color:var(--ink);border-color:#d5c5b5}.cup-model-badge{font-size:11px;flex-shrink:0;color:var(--muted)}.cup-model-badge small{display:block;font-size:10px;margin-top:5px;color:var(--muted)}.cup-angles{display:flex;gap:5px;margin-top:11px}.cup-angles button{padding:5px 12px;border:1px solid var(--line);border-radius:4px;font-size:10px;min-height:30px;color:var(--muted);background:var(--surface-muted)}.cup-angles button[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.cup-product-note,.cup-reference p{font-size:10px;line-height:1.8;margin-top:9px;color:var(--muted)}.cup-reference{margin-top:8px;font-size:10px;color:var(--muted)}.cup-reference summary{cursor:pointer;min-height:26px;padding:4px 0}.cup-reference a{text-decoration:underline;display:inline-block;margin-top:8px;color:var(--accent)}.cup-reference small{display:block;font-size:10px;margin-top:5px}.loading-preview{width:65%;display:flex;align-items:center;flex-direction:column;gap:20px;font-size:11px;color:var(--muted)}.loading-preview>span{display:flex;align-items:center;gap:7px}.skeleton{background-size:200% 100%;animation:shimmer 1.6s ease infinite;border-radius:4px;background:linear-gradient(90deg,#e8dfd3 25%,#f6f0e7,#e8dfd3 75%)}.skeleton-paper{width:170px;max-width:100%;height:238px;box-shadow:0 7px 18px #49382c10}@keyframes shimmer{to{background-position:-200% 0}}.site-footer{display:flex;justify-content:space-between;align-items:center;font-size:10px;gap:15px;padding:20px 0;color:var(--muted)}.site-footer>span:first-child{display:flex;align-items:center;gap:5px}.site-footer>span:last-child{font-size:8px;letter-spacing:1.3px}.global-message{display:flex;align-items:center;gap:10px;padding:12px 15px;margin-bottom:16px;border-radius:8px;font-size:11px;overflow-wrap:anywhere}.global-message>span{flex:1}.global-message .text-button{flex-shrink:0}.error-banner{border:1px solid #ead7c8;background:#faece5;color:var(--danger)}.success-banner{border:1px solid var(--line);background:var(--success-soft);border-color:#dce3d7;color:var(--success)}.inline-error{font-size:11px;line-height:1.8;border:1px solid #eddacb;border-radius:5px;padding:9px 11px;margin:10px 0;overflow-wrap:anywhere;background:#faece5;color:var(--danger)}.inline-success{font-size:11px;line-height:1.8;border-radius:5px;padding:9px 11px;margin:10px 0;background:var(--success-soft);color:var(--success)}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;overflow:auto;background:#29252166}.dialog{width:440px;max-width:100%;border:1px solid #f4f3e8;border-radius:14px;padding:25px 30px 27px;max-height:calc(100dvh - 40px);overflow:auto;background:var(--surface);border-color:var(--line);box-shadow:0 24px 90px #49382c33}.dialog:focus{outline:none}.dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:10px}.dialog-heading .eyebrow{font-size:9px;letter-spacing:1.5px;color:var(--muted)}.dialog-heading .icon-button{color:var(--muted)}.dialog h2{font-family:var(--serif);font-size:24px;letter-spacing:1px;font-weight:500}.dialog-description{font-size:11px;line-height:1.9;margin:10px 0 22px;color:var(--muted)}.field-label{font-size:11px;display:block;margin:18px 0 8px;color:var(--muted)}.phone-field,.code-field{display:flex;align-items:center;border:1px solid var(--line);border-radius:6px;min-height:45px;background:var(--surface-muted);border-color:var(--line)}.phone-field>span{font-size:12px;padding:0 13px;border-right:1px solid var(--line);color:var(--muted)}.phone-field input,.code-field input{border:0;min-width:0;flex:1;width:100%;padding:10px 12px;min-height:43px;font-size:12px;border-radius:6px;background:none}.phone-field input::placeholder,.code-field input::placeholder{font-size:11px;color:var(--muted)}.code-field>.text-button{margin:0 12px;white-space:nowrap;font-size:10px;min-height:32px}.form-note{font-size:10px;line-height:1.9;margin:13px 0 18px;color:var(--muted)}.privacy-note{font-size:9px;line-height:1.7;display:flex;align-items:center;justify-content:center;gap:5px;margin-top:16px;color:var(--muted)}.confirmation-summary{padding:14px 16px;border:1px solid var(--line);border-radius:6px;display:flex;flex-direction:column;gap:13px;margin-bottom:23px;background:var(--surface-muted);border-color:var(--line)}.confirmation-summary>span{font-size:10px;color:var(--muted)}.confirmation-summary strong{font-size:12px;font-weight:500;display:block;margin-top:3px;overflow-wrap:anywhere;color:var(--ink)}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.dialog-actions .button{flex:1;font-size:11px}.style-card.selected:not(:disabled):hover{background:var(--accent-soft);border-color:var(--accent)}.publish-credit-notice{margin:8px var(--panel-inset) 12px}.empty-history{padding:16px 0;text-align:center;color:var(--muted);font-size:12px}.empty-history>span{display:none}.empty-history small{display:block;margin-top:4px;font-size:11px}.mobile-workflow{display:none}.credit-header-button{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:7px;padding:8px 11px;white-space:nowrap;font-size:11px;min-height:40px;background:var(--surface-muted);color:var(--ink);border-color:var(--line)}.credit-strip{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px 20px;border:1px solid var(--line);padding:17px 20px;margin:0 0 22px;background:var(--surface);border-color:var(--line);border-radius:12px;box-shadow:0 3px 14px #49382c05}.credit-strip-main{display:flex;align-items:center;gap:13px;min-width:0}.credit-symbol{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:43px;height:43px;border-radius:50%;background:var(--accent-soft);color:var(--accent)}.credit-strip-main strong{font-size:14px;font-weight:500;line-height:1.6}.credit-amount{font-size:25px;font-weight:600;margin:0 3px;color:var(--ink)}.credit-strip-main small{display:block;font-size:11px;font-weight:400;line-height:1.7;color:var(--muted)}.credit-rule{grid-column:1 / -1;font-size:11px;line-height:1.85;color:var(--muted)}.credit-frozen{grid-column:1 / -1;padding:10px 12px;border:1px solid var(--line);border-radius:6px;font-size:12px;line-height:1.8;background:var(--warning-soft);color:var(--warning);border-color:#e6d2b2}.credit-insufficient{margin:16px 0;font-size:12px;line-height:1.8;color:var(--warning)}.credit-insufficient p{margin-bottom:10px}.receipt-credit-status{display:block;font-size:10px;margin-top:4px;line-height:1.7;color:var(--muted)}.confirmation-credit{font-size:12px;line-height:1.9;padding:12px;border-radius:6px;margin-bottom:18px;background:var(--surface-muted);color:var(--muted)}.redeem-account{padding:12px 14px;border-radius:6px;font-size:12px;margin:18px 0;background:var(--surface-muted);color:var(--muted)}.redeem-account strong{display:block;font-size:14px;margin-top:5px;overflow-wrap:anywhere;color:var(--ink)}.redeem-input{display:block;width:100%;border:1px solid var(--line);border-radius:5px;padding:12px 13px;margin:8px 0 18px;font-size:16px;min-height:48px;background:var(--surface);border-color:#d5c5b5}.credit-strip-main>div{min-width:0}.creation-locked{border-color:#d9c7b9;background:#fffcf8}.creation-gate-note{grid-column:1/-1;margin:0;font-size:12px;line-height:1.8;color:var(--ink)}input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:linear-gradient(to right,var(--accent) var(--range-progress),var(--surface-strong) var(--range-progress))}input[type=range]::-moz-range-track{height:4px;border-radius:4px;background:linear-gradient(to right,var(--accent) var(--range-progress),var(--surface-strong) var(--range-progress))}@media(max-width:1100px){:root{--panel-inset: 18px}.topbar{padding:0 22px}main{padding:22px 22px 0}.editor-grid{grid-template-columns:minmax(310px,.95fr) minmax(0,1.3fr);gap:16px}.heading-note,.wordmark-en,.small-caption{display:none}.preview-live{font-size:9px}.panel-title p{font-size:10px}.style-card{padding:9px;gap:7px}.style-copy strong{font-size:11px}.style-copy small{font-size:10px}.style-landscape{width:28px;height:30px}.site-footer>span:last-child{display:none}}@media(max-width:820px){.brand-rail{display:none}.workspace{margin-left:0}.editor-grid{grid-template-columns:minmax(0,1fr);gap:18px;align-items:start}.controls-panel,.preview-panel{min-width:0}.small-caption{display:block}.control-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:22px}.material-group{grid-column:1}.style-group{grid-column:2;grid-row:1 / 3}.control-group.style-group{border-top:0;border-left:1px solid var(--line);padding-left:22px}.adjustment-group{grid-column:1}.processing-details{margin-top:0}.publish-toolbar{grid-template-columns:minmax(0,1fr) auto}.publish-hint{grid-column:1 / -1}.preview-stage{flex:0 0 430px;height:430px}.style-copy strong{font-size:12px}.style-card{min-height:68px}}@media(max-width:700px){.topbar{height:auto;min-height:68px;padding:10px 12px;gap:8px;flex-wrap:wrap}.wordmark>span:first-child{font-size:16px;letter-spacing:.2px}.header-actions{gap:7px}.local-badge,.header-divider{display:none}.account-button{min-height:44px;max-width:96px;font-size:12px;gap:4px}.account-button>span{max-width:60px}.account-button>svg:last-child:not(:first-child){display:none}.credit-header-button{min-height:44px;padding:7px 8px;font-size:12px;gap:4px}.mobile-workflow{display:flex;list-style:none;justify-content:space-between;gap:5px;padding:0;margin:0 0 18px;color:var(--muted);font-size:11px}.mobile-workflow li{min-width:0}.credit-strip{padding:14px;gap:10px;margin-bottom:18px}.credit-symbol{display:none}.credit-strip-main strong{font-size:13px}.credit-redeem-button{min-height:44px;font-size:13px;padding:9px 11px}.credit-rule{font-size:12px}.button,.small-button{min-height:44px;font-size:14px}.icon-button{min-height:44px;min-width:44px}.style-options{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;overflow:visible}.style-card{min-height:68px;padding:11px 12px;gap:12px;min-width:0}.style-copy strong{font-size:14px}.style-copy small{font-size:12px;line-height:1.6}.style-landscape{width:40px;height:35px}.publish-main{min-height:46px;font-size:14px}.publish-hint,.material-note,.processing-details summary,.panel-footnote,.binary-note,.receipt-list p,.history-footnote,.receipt-credit-status{font-size:12px;line-height:1.8}.style-info summary,.processing-details summary{min-height:44px;font-size:12px}.preview-toolbar{gap:12px}.publish-actions{justify-content:flex-start;column-gap:14px;row-gap:8px}.publish-actions .text-button,.publish-actions .download-link,.segmented button,.compare-toggle button,.pixel-toggle{min-height:44px;font-size:13px}.preview-footer{align-items:flex-start;gap:8px}.zoom-controls{width:100%;justify-content:space-between;flex-wrap:wrap}.zoom-controls .icon-button{min-height:44px;min-width:44px}.cup-angles button{min-height:44px;flex:1;font-size:13px}.cup-controls select{font-size:16px;min-height:44px}.cup-product-note,.cup-reference p,.cup-reference,.preview-notices{font-size:12px}.phone-field input,.code-field input{font-size:16px;min-height:46px}.code-field>.text-button{min-height:44px;font-size:12px}.dialog-description,.confirmation-credit,.form-note{font-size:13px}.dialog-actions .button{font-size:14px;min-height:46px;white-space:normal;padding:10px 12px}.receipt-title{flex-wrap:wrap;row-gap:3px}}@media(max-width:600px){:root{--panel-inset: 16px}.local-badge,.header-divider{display:none}main{padding:20px 14px 0}.page-heading{margin-bottom:18px}.page-heading h1{font-size:26px}.page-heading p{font-size:10px;letter-spacing:0}.eyebrow{font-size:7px;letter-spacing:1.2px}.panel-heading{min-height:72px;gap:9px}.panel-title p{font-size:10px}.control-body{display:block}.control-group.style-group{border-left:0;border-top:1px solid var(--line);padding-left:0}.preview-live{font-size:9px;gap:4px}.preview-stage{flex-basis:390px;height:390px;min-height:390px}.preview-stage:not(.has-image){min-height:430px;flex-basis:430px}.paper-dimensions{font-size:10px}.preview-footer{gap:10px}.cup-controls-row{align-items:flex-start;flex-direction:column;gap:7px}.cup-controls-row>label{width:100%}.cup-model-badge small{display:inline;margin-left:8px}.product-cup-svg{width:min(88%,290px)}.site-footer{flex-direction:column;gap:7px;padding:20px 0;font-size:9px}.global-message{padding:11px 12px;gap:6px;align-items:flex-start}.global-message .text-button{font-size:10px;white-space:normal}.dialog-overlay{padding:16px}.dialog{padding:21px 22px 24px;max-height:calc(100dvh - 32px)}.dialog h2{font-size:22px}.preview-error{flex-direction:column;align-items:flex-start;gap:4px}}@media(max-width:360px){.small-caption{display:none}.panel-title p{font-size:9px}.empty-preview h3{font-size:19px}.credit-strip{grid-template-columns:minmax(0,1fr)}.credit-redeem-button{width:100%}.wordmark>span:first-child{font-size:14px}.credit-header-button{font-size:11px}.account-button{max-width:78px}.account-button>span{max-width:45px}.mobile-workflow{font-size:10px;gap:4px}.dialog-actions{flex-direction:column-reverse}.dialog-actions .button{width:100%;flex:auto}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
