/* Dedicated export workbench. Public platform styling stays untouched. */
#studio{width:min(1280px,97vw);max-height:94dvh;border-radius:22px;border:1px solid #ffffff3b;background:#f8f9fc;box-shadow:0 30px 120px #17162455;color:#252738}
#studio::backdrop{background:#1f223d9c;backdrop-filter:blur(12px)}
#studio>.dialog-head{padding:22px 28px;background:#fff;border-bottom:1px solid #e8eaf1;align-items:center}
#studio .dialog-head .tiny{font:9px/1.6 Consolas,monospace;letter-spacing:2px;color:#9784b5}
#studio .dialog-head h2{font-family:"Microsoft YaHei UI",sans-serif;font-size:24px;font-weight:650;letter-spacing:.4px;margin-top:6px;color:#292b40}
#studio .dialog-head>.icon{width:35px;height:35px;display:grid;place-items:center;border:1px solid #e7e9ef;border-radius:50%;background:#fafbfe;font-size:23px;color:#777c92}
#studio .studio-body{grid-template-columns:360px minmax(0,1fr);min-height:650px;max-height:calc(94dvh - 97px)}
#studio .controls{padding:24px 25px;max-height:calc(94dvh - 97px);overflow:auto;background:#fff;border-right:1px solid #e6e8ef;scrollbar-width:thin;scrollbar-color:#d4d2df transparent}
#studio label{color:#666b7e;font-size:10px;letter-spacing:.15px;margin-bottom:16px}
#studio label input:not([type=range]):not([type=checkbox]),#studio textarea,#studio select{background:#f8f9fc;color:#36394b;border:1px solid #e9ebf2;border-radius:10px;padding:10px 12px;outline:none;font-size:12px;box-shadow:none;transition:border-color .2s,box-shadow .2s}
#studio input:focus,#studio textarea:focus,#studio select:focus{border-color:#a79ad6!important;box-shadow:0 0 0 3px #a695dc13!important}
#studio textarea{line-height:1.85;min-height:150px}
#studio .studio-section-label{display:flex;flex-direction:column;gap:4px;margin:3px 0 20px}
#studio .studio-section-label>span{color:#a39caf;font:8px/1.5 Consolas,monospace;letter-spacing:1.8px}
#studio .studio-section-label>b{color:#39394c;font-size:13px;font-weight:600;letter-spacing:.3px}
#studio .studio-avatar-upload input{font-size:9px!important;padding:6px!important}
#studio .studio-avatar-upload small{display:block;color:#a0a5b2;font-size:8px;line-height:1.6;margin-top:6px}
#studio .studio-layout-picker{border-top:1px solid #eef0f5;margin:23px 0 18px;padding-top:22px}
#studio .layout-options{display:flex;gap:9px;margin-bottom:18px}
#studio .layout-options button{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;border:1px solid #e9ebf1;border-radius:12px;background:#fff;color:#969cad;font-size:9px}
#studio .layout-options button>span{font-size:25px;line-height:1.3}
#studio .layout-options button.selected{background:#f4f0fc;border-color:#bfb3df;color:#7a62ad}
#studio .toggle-line{display:flex;align-items:center;gap:8px;font-size:10px;margin:11px 0;color:#74788b}
#studio .toggle-line input{appearance:auto;width:13px;height:13px;display:inline;margin:0;accent-color:#8c75bc}
#studio .pair{gap:12px;margin-top:18px}
#studio .composition-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;padding:10px 0 5px}
#studio .composition-controls label{font-size:9px;margin-bottom:8px}
#studio .composition-controls output{float:right;color:#a59bb5;font:9px Consolas,monospace}
#studio input[type=range]{padding:0;margin-top:10px;accent-color:#9a81bc;width:100%;height:16px;background:transparent;border:0;box-shadow:none}
#studio[data-layout=editorial] .composition-controls,#studio[data-layout=editorial] .toggle-line{display:none}
#studio fieldset{border-top:1px solid #eef0f5;margin:15px 0;padding-top:10px}
#studio legend{font-size:9px;color:#959aab;padding:0 8px 0 0}
#studio .swatches{gap:9px}#studio .swatch{border-color:#e8eaf0;border-radius:10px;padding:10px 3px;color:#9095a5;font-size:9px}
#studio .swatch.selected{background:#faf7fd;border-color:#c4b7d8;color:#8a72a4}
#studio .background-presets{margin-top:24px;border-top:1px solid #eef0f5;padding-top:20px}
#restoreCity{display:flex;align-items:center;text-align:left;gap:12px;width:100%;padding:8px;border:1px solid #e8dfd7;border-radius:12px;background:#fdfaf7;margin-bottom:12px;color:#807266}
#restoreCity img{width:42px;height:54px;object-fit:cover;border-radius:7px}
#restoreCity strong{display:block;color:#82725e;font-size:11px;font-weight:600}#restoreCity small{display:block;font-size:8px;color:#ab9f93;margin-top:5px}#restoreCity>b{margin-left:auto;font-size:19px;font-weight:400}
#studio .file-label{background:#f9fafc;border-color:#dee2ec;border-radius:10px;color:#9399aa;font-size:10px;padding:12px}
#studio .file-label input{font-size:9px!important;padding:5px!important;margin-top:10px;border:0!important;background:transparent!important}
#studio .downloads{border-top:1px solid #edf0f5;padding-top:20px;gap:9px}
#studio .downloads .btn{border:0;color:white;background:linear-gradient(120deg,#8e769f,#b08c83);border-radius:11px;min-height:43px;box-shadow:0 4px 15px #947b9820;font-size:11px}
#studio .downloads .btn:hover{background:linear-gradient(120deg,#80678f,#a27d76)}
#studio .downloads .outline{border-color:#e1e5ed;background:white;color:#9a91a4;border-radius:10px;font-size:10px}
#studio .text-btn{font-size:10px;color:#9a88ab}#studio .help{font-size:9px;color:#a4a8b5;line-height:1.8}
#studio #shortCopyDemo{margin-top:-10px;margin-bottom:7px;font-size:9px;color:#aa91aa}
#studio .preview{background:#eceef2;background-image:radial-gradient(#d4d6dd .7px,transparent .7px);background-size:12px 12px;padding:22px 30px;max-height:calc(94dvh - 97px);overflow:auto;justify-content:flex-start}
#studio .preview-toolbar{color:#989eac;font-size:9px;letter-spacing:.2px;margin-bottom:19px;flex-shrink:0}
#studio #dimensions{font:9px Consolas,monospace;color:#9c9ca8}
#studio canvas{height:min(65dvh,720px);max-width:100%;width:auto;object-fit:contain;border-radius:8px;box-shadow:0 15px 45px #26283b25;flex-shrink:0;cursor:default}
#studio .pager{margin-top:18px;gap:23px;color:#9299a8;font-size:10px;flex-shrink:0}
#studio .pager button{width:34px;height:32px;padding:0;border-color:#dce0e8;border-radius:50%;background:#ffffffa1;color:#9994ac}
#studio .studio-status{font-size:9px;border-radius:8px;background:#f7f4fb;color:#a08bb7;padding:9px 10px;margin:16px 0 0}
@media(max-width:850px) and (min-width:701px){#studio .studio-body{grid-template-columns:310px minmax(0,1fr)}#studio .controls{padding:20px}#studio .preview{padding:20px 15px}}
@media(max-width:700px){#studio{width:96vw;max-height:95dvh;border-radius:17px}#studio>.dialog-head{padding:15px 17px}#studio .dialog-head h2{font-size:18px}#studio .dialog-head .tiny{font-size:7px}#studio .studio-body{display:flex;flex-direction:column-reverse;max-height:none;min-height:0}#studio .preview{max-height:none;padding:18px;background-size:10px 10px;border-bottom:1px solid #dee2e8}#studio canvas{width:min(100%,310px);height:auto;max-height:none}#studio .controls{max-height:none;overflow:visible;padding:22px;border:0}#studio .preview-toolbar{font-size:8px}#studio .pager{margin-top:14px}.studio .dialog-head{position:sticky;top:0;z-index:4}#studio .studio-section-label>b{font-size:12px}}