/* Reference-led minimal tool layout. All assets and application code remain local. */
.desk-page{--blue:#202124;--ink:#202124;--muted:#666b74;--line:#e2e3e7;--page:#f6f6f7;background:var(--page);color:var(--ink);accent-color:#202124;padding-bottom:105px}
.desk-page .wrap{width:min(1040px,calc(100% - 48px))}.desk-page .site-header{height:80px;border-bottom:1px solid #e5e5e8;background:#fff}.desk-page .header-inner{gap:24px}.desk-page .brand{font-size:20px;letter-spacing:-.02em;gap:12px}.desk-page .brand img{width:40px;height:40px}.desk-page .generator-account{margin-left:auto;gap:18px;font-size:12px}.desk-page #account-entry{background:#202124;color:#fff;border:1px solid #202124;padding:12px 16px;border-radius:13px;font-size:12px}.desk-page #account-entry:hover{background:#383a3f}.desk-page .desk-main{padding-top:32px;min-height:calc(100vh - 220px)}
.desk-page .workspace{display:grid;grid-template-columns:1.08fr 1fr;gap:24px;align-items:start;border:0;background:none;box-shadow:none;overflow:visible;border-radius:0}
.desk-page .editor,.desk-page .result-panel{padding:28px;border:1px solid #e1e2e6;border-radius:18px;background:#fff;box-shadow:none;position:static;min-width:0}
.desk-page .desk-panel-title{display:none}.desk-page .editor label,.desk-page .open-mode legend{font-size:13px;font-weight:600;color:#282a30;margin-bottom:10px}.desk-page .editor label>span{font-size:11px;font-weight:400;color:#737780}
.desk-page .editor textarea{height:49px;min-height:49px;padding:12px 13px;font-size:15px;line-height:1.5;border:1px solid #cdd0d6;border-radius:12px;background:white;resize:vertical}.desk-page .editor input{padding:12px 13px;font-size:14px;line-height:1.5;border-radius:10px;border-color:#d1d4da}.desk-page .editor input:focus,.desk-page .editor textarea:focus{border-color:#656b74;box-shadow:0 0 0 3px #2021240d}.desk-page input:focus-visible,.desk-page textarea:focus-visible,.desk-page select:focus-visible{outline-color:#777e87;outline-width:2px;outline-offset:3px}
.desk-page .field-help{font-size:11px;line-height:1.8;color:#777d87;margin:8px 0 23px}.desk-page #url-help{margin-bottom:24px}
.desk-page .open-mode{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 23px}.desk-page .open-mode legend{padding:0;margin-bottom:10px}.desk-page .mode-choice{display:flex;align-items:center;min-height:44px;border:1px solid #dddfe4;border-radius:10px;background:#fff;padding:10px 11px;gap:8px;margin:0}.desk-page .mode-choice input{width:14px;height:14px;margin:0;padding:0;box-shadow:none;accent-color:#202124}.desk-page .mode-choice strong{font-size:11px;font-weight:500;line-height:1.5}.desk-page .mode-choice small{display:none}.desk-page .mode-choice:has(input:checked){background:#f4f4f5;border-color:#727780}.desk-page .mode-choice:has(input:checked)::after{display:none}
.personalization{margin:0 0 21px;border:0}.personalization>summary{cursor:pointer;list-style:none;font-size:12px;color:#6c717b;display:flex;align-items:center;gap:8px;padding:0 0 2px}.personalization>summary::before{content:'+';font-size:17px;line-height:1;color:#858a93}.personalization[open]>summary::before{content:'−'}.personalization>summary>span{font-size:10px;color:#858a93;margin-left:auto}.desk-page .personalization>label{margin-top:16px}.desk-page .personalization>input{margin-bottom:7px}.desk-page .personalization .field-help{margin-bottom:0}
.desk-page .logo-upload{border:1px dashed #cdd0d6;border-radius:14px;background:#fafafb;padding:16px;gap:16px;min-height:98px}.desk-page .logo-avatar{width:62px;height:62px;background:#f0f0f2;border:0;border-radius:13px;padding:7px;color:#747983}.desk-page .logo-avatar img{border-radius:50%}.desk-page .logo-buttons .button{font-size:12px;min-height:31px;padding:0 10px;border-color:#d8dbe1;border-radius:7px;color:#282b30;background:#fff}.desk-page .logo-options p{font-size:11px;line-height:1.8;margin-top:6px;color:#757b84}.desk-page .logo-upload+.file-input+.field-help{font-size:10px;margin-bottom:24px}.desk-page #remove-logo{font-size:11px;color:#767b83}
.desk-page .billing-strip{margin:0 0 21px;padding:20px 0 0;border:0;border-top:1px solid #e5e6e9;border-radius:0;background:none;box-shadow:none;display:block}.desk-page .billing-strip>div:first-child{display:block}.desk-page .billing-strip>div:first-child>span{font-size:12px;color:#6e7480;display:block;margin-bottom:8px}.desk-page .billing-strip strong{font-size:24px;font-weight:650;letter-spacing:-.025em;display:block;color:#202124;line-height:1.4}.desk-page .billing-strip small{display:none}.desk-page .balance-side{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin:8px 0 0;gap:10px}.desk-page .billing-strip .balance-side>span{font-size:11px;color:#747984}.desk-page .balance-side>a{font-size:11px;color:#747984;text-decoration:underline;text-underline-offset:3px}
.desk-page #create-button{min-height:48px;border-radius:12px;background:#202124;color:white;font-size:13px;border-color:#202124;box-shadow:none;margin:0}.desk-page #create-button:hover{background:#36383d}.desk-page #create-button svg{display:none}.desk-page #create-button:disabled{opacity:.4}.desk-page #feedback{font-size:11px;color:#7a7e87;line-height:1.8;margin:10px 0 0;min-height:0}.desk-page #feedback[data-state=error]{color:#ac3333}.desk-editor-note{display:none}
.desk-page .result-panel>.panel-heading{padding:0;border:0;background:none;height:auto;margin-bottom:17px}.desk-page .result-panel .panel-heading h2{font-size:18px;font-weight:650;letter-spacing:-.02em}.desk-page .result-panel .panel-heading>span{display:none}.desk-page .empty-state{min-height:365px;padding:5px 0 11px;justify-content:flex-start}.desk-page .preview-paper{background:#fff;width:min(350px,100%);padding:0;border-radius:0;box-shadow:none;margin:0 auto 16px;position:relative}.desk-page .preview-paper>img{border-radius:0;display:block;width:100%;height:auto}.desk-page .preview-paper>span{display:block;position:static;text-align:center;background:none;border-radius:0;padding:0;font-size:10px;color:#93979f}.desk-page .empty-state h3{font-size:13px;font-weight:500;color:#616671;margin:0 0 7px;text-align:center}.desk-page .empty-state>p{font-size:11px;line-height:1.7;color:#969aa1;text-align:center;overflow-wrap:anywhere}.desk-page .result-state{padding:6px 0 0;text-align:center}.desk-page .result-state .code-frame{width:100%;padding:0;border:0;border-radius:0;box-shadow:none;margin:0 auto}.desk-page .verified{font-size:10px;margin-top:17px}.desk-page .result-state h3{font-size:15px}.desk-page .scan-tip{font-size:11px}.desk-page .result-actions .button{border-radius:10px;font-size:11px;padding:0 13px}.desk-page .result-actions .primary{background:#202124}.desk-page .working-state{min-height:365px;padding:80px 12px}.desk-page .working-state h3{font-size:16px}.desk-page .working-state p{font-size:12px;color:#6b717b}
.bottom-dock{position:fixed;z-index:20;left:50%;bottom:max(12px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(560px,calc(100% - 24px));height:70px;border:1px solid #e3e4e8;border-radius:23px;background:#fdfdfd;box-shadow:0 9px 36px -14px #1217214d;display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:5px}.bottom-dock a{border-radius:18px;color:#7b808a;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;font-size:11px;line-height:1;text-decoration:none;min-width:0}.bottom-dock svg{height:20px;width:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.bottom-dock a.active{background:#202124;color:#fff}.bottom-dock a:hover:not(.active){background:#f1f2f4;color:#333942}
.desk-page .history-section{padding:27px;background:white;border:1px solid #e1e2e6;border-radius:18px;margin:0}.desk-page .history-heading{border-bottom:1px solid #e9e9ec;padding-bottom:20px;gap:15px}.desk-page .history-heading h2{font-size:19px}.desk-page .history-heading>a{font-size:11px;color:#878c95}.desk-page .history-list{padding:0;border:0;background:none}.desk-page .history-row{padding:17px 0;gap:20px}.desk-page .history-row strong{font-size:13px}.desk-page .history-row small{font-size:11px;color:#888f99}.desk-page .history-buttons a{font-size:11px;color:#3d4652}.desk-empty-history{font-size:12px;text-align:center;color:#8a919c;line-height:1.8;padding:75px 10px;margin:0}.desk-page .desk-help{margin:0;padding:27px;background:white;border:1px solid #e1e2e6;border-radius:18px}.desk-page .desk-help>summary{font-size:18px;font-weight:650;color:#2c3037;padding:0;list-style:none;display:flex;justify-content:space-between}.desk-page .desk-help>summary::after{content:'+';font-size:20px;font-weight:400;color:#8a909b}.desk-page .desk-help[open]>summary::after{content:'−'}.desk-page .desk-help .how{margin-top:26px;padding:0 0 20px;grid-template-columns:1fr;border-bottom:1px solid #ececf0}.desk-page .how h2{font-size:14px}.desk-page .how-title>p{display:none}.desk-page .how ol{gap:20px}.desk-page .how li h3{font-size:12px}.desk-page .how li p{font-size:11px;color:#7b828c}.desk-page .questions{border-top:0;padding:0;display:block}.desk-page .questions details{padding:0;border-bottom:1px solid #ececf0}.desk-page .questions summary{padding:18px 0;font-size:12px}.desk-page .questions p{font-size:12px;color:#747b87;line-height:1.9}
.desk-page[data-view=make] .history-section,.desk-page[data-view=make] .desk-help,.desk-page[data-view=history] .workspace,.desk-page[data-view=history] .desk-help,.desk-page[data-view=help] .workspace,.desk-page[data-view=help] .history-section{display:none!important}
.desk-page .site-footer{padding:22px 0 10px;gap:20px;align-items:center}.desk-page .site-footer span,.desk-page .site-footer p{font-size:10px;color:#9398a0}.desk-page .desk-record-link,.desk-titlebar{display:none}.desk-page [hidden]{display:none!important}
@media(max-width:900px){.desk-page .wrap{width:calc(100% - 40px)}.desk-page .workspace{grid-template-columns:1fr 1fr;gap:18px}.desk-page .editor,.desk-page .result-panel{padding:23px}.desk-page .open-mode{gap:8px}.desk-page .mode-choice{padding:10px 9px;gap:7px}.desk-page .mode-choice strong{font-size:10px}.desk-page .logo-upload{padding:13px;gap:12px}}
@media(max-width:700px){.desk-page .wrap{width:calc(100% - 32px)}.desk-page .site-header{height:72px}.desk-page .header-inner{gap:15px;flex-wrap:nowrap}.desk-page .brand{font-size:17px;gap:9px}.desk-page .brand img{width:36px;height:36px}.desk-page .generator-account{gap:10px;font-size:10px}.desk-page #account-entry{font-size:11px;padding:10px 13px;border-radius:12px}.desk-page .desk-main{padding-top:24px}.desk-page .workspace{grid-template-columns:1fr;gap:20px}.desk-page .editor,.desk-page .result-panel{padding:24px 20px;border-radius:17px}.desk-page .editor textarea,.desk-page .editor input{font-size:16px}.desk-page .editor textarea{min-height:49px;height:49px}.desk-page .mode-choice input{width:14px;height:14px;padding:0}.desk-page .mode-choice strong{font-size:11px}.desk-page .open-mode{grid-template-columns:1fr 1fr;margin-bottom:23px}.desk-page .logo-upload{padding:15px;gap:14px}.desk-page .logo-avatar{width:58px;height:58px}.desk-page .logo-buttons .button{font-size:12px}.desk-page .logo-options p{font-size:10px}.desk-page .logo-upload+.file-input+.field-help{font-size:10px;margin-bottom:22px}.desk-page .billing-strip strong{font-size:23px}.desk-page .billing-strip .balance-side{margin-top:9px}.desk-page .result-panel .panel-heading h2{font-size:17px}.desk-page .empty-state{padding-top:3px;min-height:320px}.desk-page .preview-paper{width:min(350px,100%)}.desk-page .working-state{min-height:350px}.bottom-dock{height:65px;border-radius:21px;padding:5px;gap:3px;bottom:max(12px,env(safe-area-inset-bottom))}.bottom-dock a{border-radius:16px;font-size:10px;gap:4px}.bottom-dock svg{width:19px;height:19px}.desk-page .history-section,.desk-page .desk-help{padding:23px 20px;border-radius:17px}.desk-page .history-heading{gap:12px;align-items:flex-start}.desk-page .history-heading>a{max-width:150px;font-size:10px;text-align:right;line-height:1.7}.desk-page .history-row{gap:12px}.desk-page .history-buttons{gap:8px}.desk-page .history-buttons a{font-size:10px}.desk-page .site-footer{align-items:flex-start;gap:7px;flex-direction:column;padding-top:20px}.desk-page .site-footer p{font-size:9px}.desk-page .how ol{grid-template-columns:1fr;gap:17px}.desk-page #admin-entry{display:none}}
@media(max-width:360px){.desk-page .wrap{width:calc(100% - 24px)}.desk-page .brand{font-size:16px;gap:8px}.desk-page .brand img{width:32px;height:32px}.desk-page #account-entry{font-size:10px;padding:9px 11px}.desk-page .editor,.desk-page .result-panel{padding:22px 17px}.desk-page .mode-choice{padding:10px 8px;gap:6px}.desk-page .mode-choice strong{font-size:10px}.desk-page .logo-upload{gap:11px;padding:13px}.desk-page .logo-options p{font-size:9px}.desk-page .logo-avatar{width:50px;height:50px}}
.desk-page .empty-state>p,.desk-page .preview-paper>span,.desk-page .history-heading>a,.desk-page .history-row small{color:#737985}
@media(min-width:701px){.desk-page #url-help,.desk-page #logo-help{display:none}.desk-page .editor textarea{margin-bottom:22px}.desk-page .open-mode{margin-bottom:19px}.desk-page .personalization{margin-bottom:16px}.desk-page .logo-upload{margin-bottom:22px}.desk-page .billing-strip{padding-top:18px;margin-bottom:18px}}
@media(min-width:701px){.desk-page .editor label,.desk-page .open-mode legend{margin-bottom:8px}.desk-page .editor textarea{margin-bottom:18px}.desk-page .open-mode{margin-bottom:15px}.desk-page .personalization{margin-bottom:12px}.desk-page .logo-upload{margin-bottom:16px}.desk-page .billing-strip{padding-top:14px;margin-bottom:16px}}
.desk-page .short-link-option{margin:0 0 25px}.desk-page .short-link-label{display:flex;position:relative;align-items:center;justify-content:space-between;gap:18px;cursor:pointer;margin-bottom:8px}.desk-page .short-link-label>span:first-child{font-size:13px;color:#282a30;font-weight:600;margin:0}.desk-page .short-link-label input{position:absolute;width:1px;height:1px;opacity:0;padding:0;border:0;margin:0;pointer-events:none}.desk-page .short-link-label .short-link-track{position:relative;flex:0 0 40px;width:40px;height:24px;border-radius:15px;background:#a1a1aa;display:block;margin:0;transition:background .16s ease}.short-link-track::after{content:'';position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #00000018;transition:transform .16s ease}.short-link-label input:checked+.short-link-track{background:#202124}.short-link-label input:checked+.short-link-track::after{transform:translateX(16px)}.short-link-label input:focus-visible+.short-link-track{outline:2px solid #727781;outline-offset:4px}.short-link-label input:disabled+.short-link-track{opacity:.45}.desk-page #short-link-help{font-size:12px;color:#6e7580;line-height:1.8;margin:0;padding-right:45px}
.desk-page .short-link-label input{width:40px;height:24px;left:auto;right:0;top:50%;transform:translateY(-50%);z-index:2;pointer-events:auto;cursor:pointer}.desk-page .short-link-label input:disabled{cursor:not-allowed}
.desk-page .short-options{margin:0 0 24px}.desk-page .short-access{border:0;padding:0;margin:0 0 9px;display:grid;grid-template-columns:1fr 1fr;gap:9px;min-width:0}.desk-page .short-access legend{font-size:13px;font-weight:600;color:#282a30;margin:0 0 10px;padding:0}.desk-page .short-access label{position:relative;display:block;margin:0;min-width:0}.desk-page .short-access input{position:absolute;inset:0;width:100%;height:100%;opacity:0;z-index:2;margin:0;padding:0;border:0;cursor:pointer}.desk-page .short-access label>span{display:flex;align-items:center;justify-content:center;min-height:44px;border:1px solid #b9bec8;border-radius:11px;background:#fff;color:#202124;font-size:12px;font-weight:600;margin:0;padding:0 9px}.desk-page .short-access input:checked+span{background:#202124;color:#fff;border-color:#202124}.desk-page .short-access input:focus-visible+span{outline:2px solid #7b818a;outline-offset:3px}.desk-page .short-access input:disabled+span{opacity:.45}.desk-page #short-access-help{font-size:11px;line-height:1.85;margin:0 0 20px;color:#757d89}.desk-page #short-domain{display:block;width:100%;height:46px;border:1px solid #bfc4ce;border-radius:11px;padding:0 12px;background:#fff;color:#303641;font:inherit;font-size:13px;outline-offset:3px}.desk-page #short-domain:focus{outline:2px solid #838b98}.desk-page #short-domain-help{font-size:11px;margin:8px 0 0;color:#7a828e;line-height:1.7}.desk-page .short-link-option{margin-bottom:22px}
@media(max-width:700px){.desk-page #short-domain{font-size:16px}.desk-page .short-access label>span{font-size:12px}}
.desk-page .short-link-notice{margin:12px 0 0;padding:10px 12px;border-left:3px solid #d8a04b;border-radius:5px;background:#fff8ed;color:#865516;font-size:12px;line-height:1.8}