/* Layout helpers for nine newer tools. Colors now come from lab-unified-theme.css. */
/* Tool-specific identity on top of the shared, independent Egytag Lab system. */
body[class*="standalone-"].nt-app{background:radial-gradient(ellipse at 84% -10%,color-mix(in srgb,var(--nt-f) 19%,transparent),transparent 40%),#09141a;color:#e5f3ef}
.nt-app .standalone-hero{position:relative;overflow:hidden;isolation:isolate;border:1px solid color-mix(in srgb,var(--nt-f) 38%,#244342);background:linear-gradient(118deg,var(--nt-h),#0b1920 79%);border-radius:27px;padding:clamp(22px,3.6vw,46px)}
.nt-app .standalone-hero:after{content:"";position:absolute;z-index:-1;width:clamp(130px,27vw,340px);aspect-ratio:1;inset-block-start:-34%;inset-inline-end:-6%;border-radius:33%;transform:rotate(26deg);background:radial-gradient(circle,color-mix(in srgb,var(--nt-f) 47%,transparent),transparent 65%);filter:blur(8px)}
.nt-app .standalone-hero h1{color:#f0faf8;font-weight:830;letter-spacing:-.024em;max-width:880px}
.nt-app .standalone-hero .lab-tool-title-icon{border-color:color-mix(in srgb,var(--nt-f) 68%,#3a4b55);box-shadow:0 14px 34px #0005}
.nt-app .standalone-hero .pills span{border-color:color-mix(in srgb,var(--nt-f) 48%,#20313a);color:var(--nt-p)}
.nt-app .standalone-workspace{border-color:color-mix(in srgb,var(--nt-f) 29%,#274041);background:linear-gradient(150deg,#111f25,#0b191e);border-radius:25px;box-shadow:0 12px 45px #0003}
.nt-app .nt-workspace{color:#ecf5f3}
.nt-app .nt-workspace .nt-head{background:color-mix(in srgb,var(--nt-f) 12%,#13252a);border-inline-start-color:var(--lab-green);border-radius:14px}
.nt-app .nt-workspace input:not([type="range"]),.nt-app .nt-workspace textarea,.nt-app .nt-workspace select{background:#0b1a20;border-color:color-mix(in srgb,var(--nt-f) 34%,#314949);color:#ecf4f2}
.nt-app .nt-workspace button.nt-primary{background:var(--lab-green);border-color:var(--lab-green);color:#0b1b1a;box-shadow:0 7px 25px color-mix(in srgb,var(--nt-f) 25%,transparent)}
.nt-app .nt-metric,.nt-app .nt-image-card{background:#132329;border-color:color-mix(in srgb,var(--nt-f) 28%,#2a3b3e)}
.nt-app .nt-metric strong{color:var(--lab-green)}
.nt-app .nt-color-preview{border:1px solid color-mix(in srgb,var(--nt-f) 22%,#263f43)}
.nt-app .nt-guide{background:#0f1d25;border-color:color-mix(in srgb,var(--nt-f) 25%,#223f47)}
.nt-app .nt-guide h2{color:var(--lab-green)}
.nt-app .nt-guide ol{padding-inline-start:26px}.nt-app .nt-guide li{padding:4px 0}
.nt-app .nt-related{display:flex;flex-wrap:wrap;gap:10px}
.nt-app .nt-related a{padding:9px 14px;border-radius:12px;border:1px solid color-mix(in srgb,var(--nt-f) 35%,#3b4e52);background:#1b2b31}
.nt-app .tool-style-entry{background:var(--lab-green);color:#0a1a1c}
@media(max-width:700px){.nt-app .standalone-main{padding:14px 12px 44px}.nt-app .standalone-hero{padding:22px 17px;border-radius:19px}.nt-app .standalone-workspace{padding:14px;border-radius:18px}}