/* The same palette, typography and focus treatment across accounts and administration. */
[hidden]{display:none!important}input,textarea,select,button{font:inherit}input,textarea,select{width:100%;padding:13px 15px;background:#0b141c;color:#f2f5f5;border:1px solid #536773;border-radius:8px;font-size:16px}input[type=checkbox]{width:auto}textarea{min-height:125px;resize:vertical}input:focus,textarea:focus,select:focus{outline:2px solid #c4f563;outline-offset:2px}label{display:grid;gap:9px;font-size:14px;color:#d6e1e6}form{display:grid;gap:20px}form button,#admin button{border:1px solid #536773;background:#182b38;color:#f2f5f5;border-radius:7px;padding:12px 18px;min-height:44px}form button:hover,#admin button:hover{border-color:#c4f563}form>button{background:#c4f563;color:#0b141c}fieldset{border:1px solid #536773;border-radius:10px;padding:22px;display:grid;gap:18px;min-width:0}legend{padding:0 10px}details>summary{cursor:pointer;padding:14px 0;font-weight:700}#account,#setup,#service-detail,#project-detail,#design-editor{max-width:1000px;margin:65px auto;padding:0 6% 70px;line-height:2}#account{max-width:780px}#account h1,#setup h1,#design-editor h1,#service-detail h1,#project-detail h1{font-size:clamp(30px,4vw,52px);line-height:1.6;margin:15px 0}#account>header,#service-detail>header,#project-detail>header{margin-bottom:35px}#account form,#setup form{background:#0b141c;border:1px solid #293d4c;padding:28px;border-radius:12px}#account nav,#service-detail nav{display:flex;flex-wrap:wrap;gap:22px;margin:25px 0}#account-header{padding:22px 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #293d4c}#account-header svg{width:85px;height:40px;fill:none;stroke:#edf1f2;stroke-width:4}#account-header nav{display:flex;gap:20px}#service-detail p,#project-detail p{white-space:pre-line;color:#b5c4cc}#service-detail section,#project-detail section{margin:35px 0}#project-detail figure img,#project-detail figure video{width:100%;height:auto;max-height:700px;object-fit:contain;background:#0b141c;border:1px solid #293d4c;border-radius:12px}#project-detail iframe{width:100%;height:700px;border:1px solid #536773;border-radius:12px;background:white}#project-gallery{display:grid;gap:22px}#form-notice,#message{padding:18px;border:1px solid #c4f563;background:#14211a;color:#eef8e5}#form-notice[data-error=true],#message[data-error=true]{border-color:#ed8b8b;background:#321e22;color:#ffe2e2}#admin{max-width:1450px;margin:auto;padding:35px 5% 90px;line-height:1.9}#admin>header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px}#dashboard>nav{display:flex;flex-wrap:wrap;gap:12px;position:sticky;top:0;z-index:10;padding:18px 0;background:#05080cf2}#dashboard>nav button[aria-pressed=true]{border-color:#c4f563;color:#c4f563}#fields,#copy-fields,#english-fields,#english-copy-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}#gallery-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}#gallery-fields article,#projects article{padding:25px;background:#0b141c;border:1px solid #293d4c;border-radius:12px;display:grid;gap:18px;margin-block:20px}#gallery-fields img{width:100%;height:200px;object-fit:contain}#projects article>header,#projects article>footer{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}#projects article>footer{margin:0;padding:0;border:0}#projects fieldset{display:flex;flex-wrap:wrap}#projects input[type=checkbox]{accent-color:#c4f563}#projects a,#admin a{color:#c4f563}#stats-result{overflow-x:auto}table{border-collapse:collapse;width:100%;margin:20px 0}th,td{padding:12px;border:1px solid #293d4c;text-align:start}#design-editor details{border:1px solid #293d4c;border-radius:8px;padding:10px 20px;margin-bottom:16px}#design-editor details>section{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-block:20px}#design-editor form>button{position:sticky;bottom:15px;z-index:5}#design-editor form textarea{min-height:100px}#language-dialog{border:1px solid #536773;border-radius:16px;background:#0b141c;color:#edf1f2;padding:30px;max-width:600px;width:90%;box-shadow:0 20px 100px #000c;position:fixed;inset:0;z-index:120}#language-dialog::backdrop{background:#0009;backdrop-filter:blur(10px)}#language-dialog h2{font-size:25px}#language-dialog span[lang]{display:block}#language-dialog form{margin-top:25px;grid-template-columns:1fr 1fr}#language-dialog small{display:block;color:#a9bbc0}#language-close{position:absolute;top:8px;left:10px;border:0;background:none;color:white;font-size:25px}#language-dialog:not([open]){display:none}#language-dialog[open]{display:block}#language-dialog button{white-space:normal}#language-dialog svg{width:20px;height:20px}#language-dialog [data-dialog-brand]{font:12px Arial;color:#c4f563}.honeypot{display:none}#order-list article{padding:25px;border:1px solid #536773;border-radius:10px;margin-block:20px}#order-detail dl{display:grid;grid-template-columns:minmax(100px,1fr) 3fr;gap:12px}#order-detail dd{margin:0;white-space:pre-wrap}#service-detail nav a{border-bottom:1px solid #536773}footer{padding:25px 6%}#motion-pause{width:auto;min-width:42px;font-size:12px;padding-inline:12px}[data-ui~="stack-meter"][data-step="0"] span{transform:translateY(0)}[data-ui~="stack-meter"][data-step="1"] span{transform:translateY(100%)}[data-ui~="stack-meter"][data-step="2"] span{transform:translateY(200%)}[data-ui~="stack-meter"][data-step="3"] span{transform:translateY(300%)}[data-ui~="strip-project"][aria-pressed=true]{background:#15222b;border-bottom:2px solid #c4f563}#gallery-fields label input[type=checkbox]{width:auto}#admin #message{position:sticky;top:0;z-index:15}#account svg[data-icon]{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5}span[data-ui~="showcase"]{display:block}span[data-ui~="marquee"],span[data-ui~="marquee-track"],span[data-ui~="marquee-group"]{display:block}span[data-ui~="project-info"]>span{display:block}html[dir=ltr] [data-ui~="hero-main"]{direction:ltr}
@media(max-width:700px){#fields,#copy-fields,#english-fields,#english-copy-fields,#gallery-fields,#design-editor details>section{grid-template-columns:1fr}#dashboard>nav{position:static}#account,#setup{margin-top:35px}#account form{padding:20px}#order-detail dl{grid-template-columns:1fr}#order-detail dt{font-weight:bold}#project-detail iframe{height:500px}#admin{padding-inline:5%}#language-dialog form{grid-template-columns:1fr}#design-editor{padding-inline:5%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
[data-ui~="section-top"]>section:first-child,[data-ui~="visual-bottom"]>section:first-child{min-width:0}[data-ui~="visual-bottom"]>section:first-child{display:flex;flex-direction:column;gap:9px}[data-ui~="marquee-track"]{direction:ltr}#project-detail h1 a{color:inherit}#account label[hidden]{display:none}

/* Familiar section tabs and spacious labeled forms. */
#owner-panel{max-width:1500px;padding:40px 5% 80px;margin:auto;line-height:1.9}
#owner-panel>header{padding-bottom:25px;border-bottom:1px solid #293d4c}
#owner-panel h1{font-size:36px;margin:10px 0}#owner-panel p{color:#afc0cb;font-size:14px}
#owner-panel nav{display:flex;gap:9px;flex-wrap:wrap}#owner-panel nav a{padding:11px 15px;border:1px solid #334c5c;border-radius:8px;font-size:13px}
#editor-tabs{margin:25px 0}#editor-tabs a[aria-current=page]{background:#c4f563;border-color:#c4f563;color:#0b141c;font-weight:700}
#content-workspace{max-width:1150px}#content-workspace>header{margin-bottom:24px}#content-workspace h2{font-size:28px;line-height:1.6}
#owner-panel fieldset{background:#0b141c;padding:22px;border-color:#304653}#owner-panel legend{font-size:14px;line-height:1.8;color:#e7edf0}
[data-editor-pair]{display:grid;grid-template-columns:1fr 1fr;gap:20px}#owner-panel textarea{min-height:100px;font-size:16px;line-height:1.9}
#save-section{position:sticky;bottom:15px;z-index:8;min-width:220px;justify-self:start;font-weight:700;box-shadow:0 8px 35px #0009}
@media(max-width:700px){#owner-panel{padding-inline:5%}[data-editor-pair]{grid-template-columns:1fr}#owner-panel nav a{padding:9px 11px}#owner-panel legend{font-size:13px}}
/* Actual viewport sizes: desktop and phone share a persistent sandboxed frame. */
#preview-header{position:sticky;top:0;z-index:30;background:#080e14f5;border-bottom:1px solid #334653;display:flex;gap:20px;align-items:center;justify-content:space-between;padding:14px 4%;backdrop-filter:blur(12px)}
#preview-header>a{font-size:13px;color:#b7c6cf;white-space:nowrap}#preview-header h1{font-size:18px;line-height:1.6;margin:0;overflow-wrap:anywhere}
#preview-header nav{display:flex;gap:6px;border:1px solid #334653;border-radius:10px;padding:4px;flex-shrink:0}#preview-header nav a{padding:9px 18px;border-radius:7px;font-size:13px;white-space:nowrap}#preview-header nav a[aria-current=true]{background:#c4f563;color:#081018}
#project-preview{padding:24px 16px 45px;min-height:calc(100vh - 78px)}#preview-stage{width:100%;overflow:auto;direction:ltr;padding:8px 0 20px;overscroll-behavior-inline:contain}
#preview-window{box-sizing:border-box;background:#fff;margin-inline:auto;border:1px solid #425a6b;border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #0007}
#project-preview[data-frame=desktop] #preview-window{width:1280px;max-width:none}#project-preview[data-frame=mobile] #preview-window{width:390px;max-width:100%;border:7px solid #263b49;border-radius:30px}
#project-frame{display:block;border:0;width:100%;height:calc(100vh - 160px);min-height:660px;background:white}#project-preview[data-frame=mobile] #project-frame{height:780px;min-height:600px}
#preview-details,#external-preview-note,#preview-unavailable{max-width:1280px;margin:18px auto;color:#b8c9d2;line-height:2}#preview-details{border:1px solid #334653;padding:5px 22px;border-radius:10px}#preview-details article{padding:20px 0}#preview-details h2{font-size:23px}#preview-unavailable{padding:50px 6%;background:#0b151e;border:1px solid #334653;border-radius:12px}#preview-unavailable h2{font-size:26px}#preview-unavailable nav{display:flex;gap:20px;flex-wrap:wrap}#preview-unavailable a,#external-preview-note a{color:#c4f563}#preview-details img,#preview-details video{max-width:100%;height:auto}
@media(max-width:700px){#preview-header{flex-wrap:wrap;gap:10px;padding-inline:5%}#preview-header h1{font-size:15px;flex:1}#preview-header nav{margin-inline:auto}#project-preview{padding-inline:10px}#project-frame{height:75vh}#preview-header nav a{padding:9px 15px}}

/* A phone never opens a 1280px desktop canvas, even before JS executes. */
#preview-header[data-phone=true] [data-preview-size=desktop]{display:none}
#preview-header[data-phone=true]~#project-preview #preview-window{width:390px;max-width:100%;border:7px solid #263b49;border-radius:30px}
#preview-header[data-phone=true]~#project-preview #preview-stage{overflow-x:hidden}
@media(max-width:700px){
#preview-header [data-preview-size=desktop]{display:none}
#project-preview[data-frame=desktop] #preview-window,#project-preview[data-frame=mobile] #preview-window{width:390px;max-width:100%;border:7px solid #263b49;border-radius:30px}
#project-preview #preview-stage{overflow-x:hidden}#preview-header{max-width:100%;gap:10px}#preview-header nav{max-width:100%}
#project-preview{min-width:0;max-width:100%;padding-inline:8px}#project-frame{min-width:0;max-width:100%;height:78svh;min-height:540px}
#design-editor{min-width:0}#design-editor table{display:block;max-width:100%;overflow:auto}#language-dialog{max-width:calc(100% - 24px);padding:24px}#language-dialog h2{overflow-wrap:anywhere}
}