/* Owner: ADMIN · EXPANDIQ Studio. Shared kit supplies fonts and brand tokens. */
:root{--studio-bg:#080d17;--studio-panel:#0e1522;--studio-line:rgba(199,216,243,.13);--studio-soft:#b4c0d4;--studio-faint:#99a9c2;--studio-radius:18px}
body{background:var(--studio-bg);color:var(--eq-white);overflow-wrap:break-word}.shell{min-height:100dvh;display:block}.side{width:220px;background:#0a101a;border-right:1px solid var(--studio-line);padding:38px 18px 20px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;z-index:30}.side .brand{display:flex;flex-direction:column;align-items:flex-start;padding:0 16px;gap:14px;text-decoration:none}.side .brand img{width:148px;height:auto}.brand__sub{font-family:var(--eq-mono);font-size:10px;letter-spacing:.24em;color:var(--studio-faint)}.studio-sidebar-label{font-size:9px;font-weight:600;letter-spacing:.18em;color:var(--studio-faint);padding:48px 16px 14px}.side__nav{display:grid;gap:6px}.side__link{display:flex;gap:13px;align-items:center;padding:0 16px;min-height:56px;border-radius:12px;color:var(--studio-soft);text-decoration:none;font-size:14px;border:1px solid transparent}.side__link .i{width:20px;height:20px}.side__link:hover{background:#111c2d;color:#fff}.side__link[aria-current=page]{background:#142441;border-color:#263d66;color:#e4eeff}.studio-sidebar-note{margin:auto 15px 38px;color:var(--studio-faint);font-size:13px;line-height:1.65}.studio-sidebar-note>span>.i{width:30px;height:30px;color:#91b5ff;margin-bottom:8px}.studio-sidebar-note strong{font-weight:500;color:#e3ebf9}.side__foot{margin-top:0;border-top:1px solid var(--studio-line);padding-top:20px}.conn{font-size:11px;color:var(--studio-faint)}.conn__dot{background:#8cb2ff!important}.conn.is-offline .conn__dot{background:#edb973!important}.who{display:flex;align-items:center;gap:8px;margin-top:15px}.who__avatar{flex:none;width:30px;height:30px;border-radius:9px;background:#1a2941;display:grid;place-items:center;color:#cee0ff;font-size:12px}.who__mail{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:10px;color:var(--studio-faint);flex:1;min-width:0}.who .icon-btn{width:56px;min-width:56px;padding:16px}.main{margin-left:220px;padding:40px clamp(24px,3.3vw,64px);min-height:100dvh;max-width:none;min-width:0}.studio-main{font-family:var(--eq-sans);color:var(--eq-white)}.studio-main>*{max-width:1600px;margin-left:auto;margin-right:auto}.studio-main:focus{outline:none}.topbar,.tabbar{display:none}
.studio-main h1,.studio-main h2,.studio-main h3,.studio-dialog h2{margin:0}.studio-main h1{font-family:var(--eq-display);font-size:clamp(28px,2.8vw,42px);line-height:1.22;letter-spacing:-.055em;font-weight:600;text-wrap:balance}.studio-main h2{font-family:var(--eq-display);font-size:20px;font-weight:600;line-height:1.45;letter-spacing:-.035em}.studio-main h3{font-size:15px;font-weight:550;line-height:1.4}.studio-eyebrow{font-family:var(--eq-mono);font-size:10px;line-height:1.6;letter-spacing:.14em;color:#a8c4f3;margin:0 0 12px;text-transform:uppercase}.studio-subtitle{color:var(--studio-faint);font-size:14px;line-height:1.65;margin:12px 0 0}.studio-helper{font-size:12px;color:var(--studio-faint);line-height:1.7;margin:8px 0}.studio-page-head{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:34px}.studio-page-head>.studio-btn{flex:none}
.studio-btn,.studio-icon-btn,.studio-chipbar button{min-height:56px;min-width:56px;border:1px solid #2a374c;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 18px;color:#e2ebfa;background:#111b2b;font-family:var(--eq-sans);font-size:13px;line-height:1.5;font-weight:500;cursor:pointer;text-decoration:none;transition:background .14s ease,border-color .14s ease,transform .14s ease}.studio-btn .i,.studio-icon-btn .i{width:19px;height:19px;flex:none}.studio-btn:hover,.studio-icon-btn:hover,.studio-chipbar button:hover{background:#192841;border-color:#435a7d}.studio-btn--primary{background:#2563eb;border-color:#3971ee;color:white;box-shadow:0 5px 20px #0d318c30}.studio-btn--primary:hover{background:#3572f4;border-color:#5a8cf6}.studio-icon-btn{padding:15px;background:transparent}.studio-btn:disabled,.studio-icon-btn:disabled,.studio-chipbar button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.studio-main :focus-visible,.studio-dialog :focus-visible{outline:2px solid #a7c7ff;outline-offset:4px}.studio-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.studio-toolbar{display:flex;gap:12px;align-items:center}.studio-search{height:56px;display:flex;align-items:center;gap:12px;padding:0 16px;border:1px solid var(--studio-line);border-radius:12px;background:#0d1624;flex:1;min-width:0}.studio-search>.i{width:19px;height:19px;color:var(--studio-faint);flex:none}.studio-search input{background:none;border:0;color:white;outline:none;width:100%;min-width:0;font:14px var(--eq-sans);height:100%;padding:0}.studio-search:focus-within{border-color:#9abfff;box-shadow:0 0 0 3px #4888ff18}.studio-search kbd{color:var(--studio-faint);padding:2px 7px;border:1px solid #2e3c51;border-radius:5px;font-size:11px}.studio-filter-label{min-width:175px}.studio-main select,.studio-dialog select{min-height:56px;color:var(--eq-white);background:#101b2d;border-color:#2a374c;font-size:13px}.studio-list-meta{display:flex;justify-content:space-between;gap:16px;color:var(--studio-faint);font-size:11px;padding:22px 2px 16px}.studio-sync{color:#adbfda}.studio-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.studio-project-card{display:block;color:inherit;text-decoration:none;background:#0f1725;border:1px solid var(--studio-line);border-radius:18px;overflow:hidden;min-width:0;transition:border-color .18s ease,transform .18s ease}.studio-project-card:hover{border-color:#526d95;transform:translateY(-2px)}.studio-project-card__media{aspect-ratio:1.76;position:relative;background:#14223a;overflow:hidden}.studio-project-card__media img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.studio-project-card__media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#08111d50,transparent 50%,#0d172747);pointer-events:none}.studio-project-card__flags{position:absolute;top:14px;left:14px;right:14px;display:flex;gap:6px;flex-wrap:wrap;z-index:1}.studio-project-card__flags .studio-badge{background:#0a1228e8;border-color:#5c749650;color:#e2ebfc;backdrop-filter:blur(8px)}.studio-project-card__blueprint{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:16px;background-color:#10203a;background-image:linear-gradient(#77a3ee0c 1px,transparent 1px),linear-gradient(90deg,#77a3ee0c 1px,transparent 1px);background-size:28px 28px;color:#789bcc}.studio-project-card__blueprint .i{width:65px;height:65px;stroke-width:.8}.studio-project-card__blueprint>span{font:42px var(--eq-display);opacity:.45}.studio-project-card__body{padding:20px}.studio-project-card__title{display:flex;justify-content:space-between;gap:14px;align-items:start}.studio-project-card__title h2{font:600 17px/1.45 var(--eq-display);letter-spacing:-.03em}.studio-project-card__title .i{width:18px;height:18px;flex:none;color:#92aed5;margin-top:3px}.studio-project-card__body>p{margin:5px 0 23px;color:var(--studio-faint);font-size:12px;line-height:1.5}.studio-project-card__progress{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:11px;color:var(--studio-soft);min-height:24px;margin-bottom:10px}.studio-project-card__body footer{display:flex;justify-content:space-between;gap:8px;margin-top:17px;color:var(--studio-faint);font-size:10px;line-height:1.6}.studio-progress{height:4px;background:#233047;border-radius:9px;overflow:hidden}.studio-progress>i{display:block;background:#81a9ff;height:100%;border-radius:9px;transition:width .25s ease}
.studio-badge{display:inline-flex;align-items:center;gap:6px;min-height:26px;border:1px solid #344158;border-radius:30px;padding:3px 9px;font-size:10px;font-weight:500;line-height:1.4;white-space:nowrap;color:#bbcae0;background:#152034}.studio-badge>i{width:4px;height:4px;background:currentColor;border-radius:50%;flex:none}.studio-badge--active,.studio-badge--done{color:#bad2ff;border-color:#36507c;background:#182b48}.studio-badge--warn{color:#f1ca91;background:#332a1b;border-color:#6d5430}.studio-badge--error{color:#ffc2bd;background:#382022;border-color:#694046}.studio-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:25px;padding-top:20px;border-top:1px solid var(--studio-line)}.studio-pagination>span{font-size:12px;color:var(--studio-faint);text-align:center}.studio-back{display:flex;align-items:center;gap:10px;min-height:56px;width:fit-content;text-decoration:none;color:#a6b6d0;font-size:12px;margin:-15px auto 14px 0;padding-right:10px}.studio-back .i{width:17px;height:17px}.studio-back:hover{color:white}.studio-project-head{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:26px}.studio-project-kicker{display:flex;align-items:center;gap:14px;margin-bottom:14px}.studio-project-kicker .studio-eyebrow{margin:0}.studio-head-actions{display:flex;gap:10px;flex:none}.studio-project-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:15px}.studio-project-meta>[data-project-sync]{font-size:10px;color:var(--studio-faint)}.studio-project-tabs{display:flex;gap:6px;align-items:center;border-bottom:1px solid var(--studio-line);margin-bottom:26px;overflow-x:auto;scrollbar-width:thin;overscroll-behavior-x:contain;scroll-padding:14px}.studio-project-tabs>a{display:flex;align-items:center;justify-content:center;gap:8px;padding:17px;min-height:60px;color:#a6b7d1;text-decoration:none;font-size:12px;white-space:nowrap;flex:none;border-bottom:2px solid transparent}.studio-project-tabs>a[aria-current=page]{color:#e0ecff;border-bottom-color:#8db6ff;background:linear-gradient(0deg,#4a78cf14,transparent)}.studio-project-tabs>a .i{width:17px;height:17px}.studio-project-tabs small{font:10px var(--eq-mono);padding:3px 5px;background:#26344b;border-radius:4px;color:#c9d6ec}.studio-reference-note{display:flex;gap:10px;align-items:start;color:#a6b7d1;font-size:11px;line-height:1.7;margin:0 0 20px}.studio-reference-note .i{width:17px;height:17px;flex:none;margin-top:2px}.studio-update{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 18px;border:1px solid #426393;border-radius:12px;background:#152643;margin:0 0 20px;color:#d4e4ff;font-size:13px;line-height:1.6}.studio-update--error{border-color:#866738;background:#302619;color:#f2d5a5}.studio-update>.studio-btn{flex:none}
.studio-panel{padding:25px;background:var(--studio-panel);border:1px solid var(--studio-line);border-radius:var(--studio-radius);min-width:0}.studio-stack{display:grid;gap:22px;align-content:start}.studio-section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.studio-section-head>.studio-helper{margin:0}.studio-text-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:56px;color:#c0d6ff;text-decoration:none;font-size:12px;padding:0 8px}.studio-text-link .i{width:16px;height:16px}.studio-overview{display:grid;gap:25px}.studio-hero{display:grid;grid-template-columns:1.17fr 1fr;border:1px solid var(--studio-line);border-radius:20px;overflow:hidden;background:#0e1726;min-height:350px}.studio-hero__visual{min-width:0;position:relative;background:#142036}.studio-hero__image{border:0;background:none;padding:0;display:block;width:100%;height:100%;min-height:350px;position:relative;color:#fff;cursor:pointer}.studio-hero__image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}.studio-hero__fallback{position:absolute;inset:0;display:grid;place-items:center}.studio-hero__fallback .i{height:90px;width:90px;color:#637ea9;stroke-width:.7}.studio-hero__caption{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:70px 24px 22px;z-index:2;background:linear-gradient(0deg,#08111ef0,transparent);font-size:11px}.studio-hero__caption .i{width:20px;height:20px}.studio-hero__empty{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;height:100%;min-height:280px;color:#a0b2d0;font-size:12px;background-image:linear-gradient(#789ace0a 1px,transparent 1px),linear-gradient(90deg,#789ace0a 1px,transparent 1px);background-size:32px 32px}.studio-hero__empty .i{width:75px;height:75px;stroke-width:.8}.studio-hero__summary{padding:32px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0}.studio-hero__summary h2{font-size:clamp(22px,1.8vw,30px);line-height:1.3;max-width:18ch}.studio-hero__summary>p:not(.studio-eyebrow){font-size:13px;color:var(--studio-soft);line-height:1.75;margin:14px 0 23px;max-width:46ch}.studio-production-meter{margin-top:25px;width:100%;padding-top:20px;border-top:1px solid var(--studio-line)}.studio-production-meter>div:first-child{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:11px}.studio-production-meter strong{font:18px var(--eq-mono);color:#dce9ff}.studio-production-meter span{font-size:10px;color:var(--studio-faint)}.studio-production-meter small{display:block;font-size:10px;color:var(--studio-faint);margin-top:12px;line-height:1.6}
.studio-deliverables{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 25px}.studio-deliverable{display:flex;align-items:center;gap:14px;min-height:94px;border-top:1px solid var(--studio-line);color:inherit;text-decoration:none;min-width:0;padding:12px 4px}.studio-deliverable:hover{background:#152338;border-radius:8px}.studio-deliverable__icon{width:40px;height:40px;display:grid;place-items:center;background:#19253a;border:1px solid #263b59;border-radius:11px;color:#b0caff;flex:none}.studio-deliverable__icon .i{width:20px;height:20px}.studio-deliverable>div{flex:1;min-width:0}.studio-deliverable h3{font-size:13px}.studio-deliverable p{font-size:10px;color:var(--studio-faint);margin:5px 0 0}.studio-deliverable>.i{width:15px;height:15px;color:#acc5e9;flex:none}.studio-dash{font-size:14px;color:#99adca}.studio-two-column{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:start}.studio-two-column--wide{grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr)}.studio-input-summary{display:flex;gap:35px;padding:6px 0 20px}.studio-input-summary>div{display:grid;grid-template-columns:30px 1fr;gap:4px 7px;align-items:center}.studio-input-summary .i{width:20px;height:20px;color:#9fc0f8}.studio-input-summary strong{font:22px var(--eq-mono)}.studio-input-summary span{grid-column:2;font-size:10px;color:var(--studio-faint)}.studio-job-summary{list-style:none;padding:0;margin:0}.studio-job-summary li{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:65px;border-bottom:1px solid var(--studio-line)}.studio-job-summary li:last-child{border:0}.studio-job-summary li>span:first-child{display:flex;gap:10px;align-items:center;font-size:12px}.studio-job-summary .i{width:17px;height:17px;color:#a9c3ec}.studio-kv{margin:0}.studio-kv>div{display:grid;grid-template-columns:100px minmax(0,1fr);gap:12px;border-bottom:1px solid var(--studio-line);padding:12px 0;font-size:12px;line-height:1.65}.studio-kv dt{color:var(--studio-faint)}.studio-kv dd{margin:0;color:#d6e2f5;overflow-wrap:anywhere}.studio-note-text{font-size:13px;color:var(--studio-soft);line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.studio-request-services{padding-top:22px}.studio-files{list-style:none;padding:0;margin:16px 0 0}.studio-file{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--studio-line);min-width:0}.studio-file__icon{width:40px;height:44px;display:grid;place-items:center;background:#19273d;border-radius:9px;color:#b6cdf3;flex:none}.studio-file__icon .i{width:21px;height:21px}.studio-file__text{min-width:0;flex:1}.studio-file__text strong{display:block;font-size:12px;font-weight:500;overflow-wrap:anywhere;line-height:1.5}.studio-file__text>span{display:block;color:var(--studio-faint);font-size:10px;margin-top:5px;line-height:1.6}.studio-file .studio-icon-btn{border-color:transparent}.studio-file__text>.studio-warning{color:#e3bd84}
.studio-chipbar{display:flex;gap:8px;overflow:auto;scrollbar-width:thin;overscroll-behavior-x:contain;padding:2px 2px 15px;margin-bottom:18px}.studio-chipbar button{flex:none;font-size:12px;white-space:nowrap;background:transparent;border-color:#28374e}.studio-chipbar button[aria-pressed=true]{background:#1c3155;border-color:#4d6eaa;color:#d8e7ff}.studio-assets-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.studio-asset{border:1px solid var(--studio-line);border-radius:16px;overflow:hidden;background:#0f1929;min-width:0}.studio-asset__media{display:block;width:100%;aspect-ratio:1.6;position:relative;background:linear-gradient(135deg,#1b3052,#101c2e);border:0;color:#bed1ef;padding:0;cursor:pointer;overflow:hidden}.studio-asset__glyph{position:absolute;inset:0;display:grid;place-items:center}.studio-asset__glyph .i{width:52px;height:52px;stroke-width:1}.studio-asset__media img{position:absolute;inset:0;object-fit:cover;width:100%;height:100%}.studio-asset__type{position:absolute;top:14px;left:14px;font:9px var(--eq-mono);letter-spacing:.08em;color:#d7e5fb;background:#0e1a2bd9;padding:6px 8px;border:1px solid #59729755;border-radius:5px;z-index:2}.studio-play{position:absolute;inset:0;display:grid;place-items:center}.studio-play>.i{width:42px;height:42px;background:#223c6599;padding:10px;border-radius:50%;box-sizing:content-box}.studio-asset__media:has(.studio-play) .studio-asset__glyph{display:none}.studio-asset__info{padding:18px}.studio-asset__info h3{font-size:12px;overflow-wrap:anywhere}.studio-asset__info p{color:var(--studio-faint);font-size:10px;line-height:1.6;margin:7px 0}
.studio-job-list{display:grid;gap:18px}.studio-job{border:1px solid var(--studio-line);border-radius:16px;padding:22px 25px;background:var(--studio-panel);min-width:0}.studio-job>header{display:flex;align-items:center;gap:14px}.studio-job__icon{width:44px;height:44px;background:#192940;border-radius:12px;display:grid;place-items:center;color:#b9d2ff;flex:none}.studio-job__icon>.i{width:23px;height:23px}.studio-job__name{flex:1;min-width:0}.studio-job__name>span{display:block;font:10px var(--eq-mono);color:var(--studio-faint);margin-top:5px}.studio-job-times{display:flex;gap:36px;margin:25px 0 14px;font-size:11px}.studio-job-times dt{color:var(--studio-faint);font-size:10px;margin-bottom:6px}.studio-job-times dd{margin:0;color:#d1def2}.studio-job>footer{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-top:16px}.studio-job details{flex:1;min-width:0}.studio-job summary{cursor:pointer;min-height:56px;display:flex;align-items:center;gap:10px;color:#b7ceef;font-size:12px;width:fit-content;padding:0 8px}.studio-job summary>.i{width:15px;height:15px}.studio-job pre{font:11px/1.8 var(--eq-mono);background:#070c15;border:1px solid var(--studio-line);border-radius:10px;padding:16px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:400px;overflow:auto;color:#b9cbea;margin:8px 0 0}.studio-job-error{display:flex;gap:10px;color:#ffc4be;background:#352023;border:1px solid #624044;border-radius:9px;padding:12px;font-size:12px;line-height:1.7;overflow-wrap:anywhere}.studio-job-error>.i{width:18px;height:18px;flex:none;margin-top:2px}.studio-callout{border:1px solid #334d72;border-radius:14px;background:#11223b;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px;margin-bottom:22px}.studio-callout--warn{border-color:#654e2e;background:#292318}.studio-callout>div>.i{width:20px;height:20px;vertical-align:middle;margin-right:10px;color:#a4c6ff}.studio-callout strong{font-size:13px;font-weight:500}.studio-callout p{color:var(--studio-soft);font-size:12px;line-height:1.75;margin:10px 0 0}.studio-callout>.studio-btn{flex:none}
.studio-timeline{list-style:none;margin:0;padding:0}.studio-timeline>li{display:flex;gap:20px;position:relative;padding:14px 0 26px}.studio-timeline>li:not(:last-child):before{content:"";position:absolute;width:1px;background:#32435d;top:50px;left:18px;bottom:0}.studio-timeline__dot{width:37px;height:37px;background:#182842;border:1px solid #344c70;display:grid;place-items:center;border-radius:11px;flex:none;color:#aac6f1;z-index:1}.studio-timeline__dot>.i{width:17px;height:17px}.studio-timeline li>div{min-width:0;padding-top:2px}.studio-timeline strong{font-size:13px;font-weight:500;line-height:1.6}.studio-timeline p{font-size:12px;color:var(--studio-soft);line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0}.studio-timeline li>div>span{font-size:10px;color:var(--studio-faint)}.studio-qa-checks{list-style:none;padding:0;margin:0}.studio-qa-checks>li{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;border-top:1px solid var(--studio-line);padding:19px 0}.studio-qa-checks>li>div{min-width:0}.studio-qa-checks strong{font-size:13px;font-weight:500;line-height:1.7}.studio-qa-checks p{color:var(--studio-faint);font-size:12px;line-height:1.8;margin:6px 0 0;overflow-wrap:anywhere}.studio-qa-meta{display:flex;justify-content:space-between;gap:20px;padding:0 0 22px;font-size:12px}.studio-qa-meta>span{font-size:11px;color:var(--studio-faint)}.studio-qa-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:12px}.studio-qa-running{display:flex;align-items:center;gap:18px;padding:22px;background:#14223a;border-radius:12px;margin-bottom:20px;font-size:13px}.studio-spinner{display:block;border:2px solid #3a5175;border-top-color:#c5d9ff;border-radius:50%;height:24px;width:24px;animation:studio-spin 1s linear infinite;flex:none}
.studio-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:50px 20px;min-height:220px;justify-content:center}.studio-empty__icon{width:66px;height:66px;border:1px solid #304464;background:#182941;border-radius:20px;display:grid;place-items:center;margin-bottom:20px;color:#a5c1ee}.studio-empty__icon>.i{width:28px;height:28px}.studio-empty h3{font-size:16px}.studio-empty p{font-size:12px;line-height:1.8;color:var(--studio-faint);max-width:52ch;margin:10px 0 0}.studio-error{padding:40px;border:1px solid #785039;border-radius:16px;background:#241c18;text-align:center}.studio-error>.i{height:35px;width:35px;color:#f3c39e}.studio-error p{color:#d7bbac;font-size:13px;line-height:1.75}.studio-loading{padding:20px 0;color:var(--studio-faint);font-size:13px}.studio-skeleton{height:80px;border-radius:16px;margin:16px 0;background:linear-gradient(90deg,#101d30 20%,#1b2b45 50%,#101d30 80%);background-size:200% 100%;animation:studio-shimmer 1.6s linear infinite}.studio-skeleton--title{height:40px;width:45%}.studio-skeleton--hero{height:300px}
.studio-dialog{border:1px solid #3b4d6a;border-radius:20px;padding:0;background:#0d1522;color:#edf4ff;max-height:90dvh;max-width:min(94vw,1200px);width:100%;box-shadow:0 30px 100px #0009;margin:auto}.studio-dialog::backdrop{background:#020713ce;backdrop-filter:blur(9px)}.studio-dialog__head{padding:22px 26px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--studio-line);position:sticky;top:0;z-index:5;background:#0e1827}.studio-dialog__head>div{min-width:0}.studio-dialog__head h2{font:600 19px/1.5 var(--eq-display);overflow-wrap:anywhere}.studio-dialog__head .studio-eyebrow{margin-bottom:6px}.studio-dialog__body{padding:24px;min-height:200px;overflow:auto}.studio-dialog__body video{display:block;max-height:62dvh;max-width:100%;width:auto;margin:0 auto;background:#02060b;border-radius:10px}.studio-full-image{display:block;max-height:65dvh;max-width:100%;width:auto;margin:auto;object-fit:contain;border-radius:10px}.studio-dialog__body eq-viewer{display:block;width:100%;height:60dvh;min-height:300px;border-radius:14px;overflow:hidden}.studio-pdf,.studio-web-preview{border:1px solid var(--studio-line);border-radius:10px;width:100%;height:60dvh;background:#fff}.studio-website-notice{display:flex;align-items:center;gap:20px;padding:0 0 18px}.studio-website-notice>.i{width:26px;height:26px;flex:none}.studio-website-notice p{font-size:12px;line-height:1.8;color:var(--studio-faint);flex:1}.studio-website-notice>.studio-btn{flex:none}.studio-dialog__foot{padding:18px 26px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--studio-line);background:#0e1827}.studio-dialog__foot>span{font-size:11px;color:var(--studio-faint);line-height:1.7;overflow-wrap:anywhere}.studio-dialog--form{max-width:650px}.studio-form{padding:26px;display:grid;gap:20px}.studio-form label{display:grid;gap:9px;font-size:12px;color:var(--studio-soft);line-height:1.5}.studio-form input,.studio-form textarea{font-size:14px;min-height:56px;background:#111e31;border-color:#30415d}.studio-form textarea{resize:vertical;max-width:100%}.studio-field-group{display:grid;gap:16px}.studio-form__pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}.studio-form__error{padding:14px 18px;background:#382024;border:1px solid #764c52;border-radius:10px;color:#ffc5c1;font-size:12px;line-height:1.7}
.studio-main [hidden],.studio-dialog [hidden]{display:none!important}.studio-main [data-project-content]{scroll-margin-top:20px}.studio-main .svc{flex-wrap:wrap}.studio-main .svc__tag{min-height:30px}.preview-unavailable:after{content:"Vorschau nicht verfügbar";position:absolute;bottom:10px;left:10px;color:#e3c39b;background:#271f1be6;border-radius:5px;padding:5px 8px;font-size:9px;z-index:3}.has-preview>.studio-hero__fallback{visibility:hidden}
@keyframes studio-shimmer{to{background-position:-200% 0}}@keyframes studio-spin{to{transform:rotate(360deg)}}
@media(min-width:1900px){.studio-project-grid,.studio-assets-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.studio-hero,.studio-hero__image{min-height:410px}.studio-hero__summary{padding:42px}.studio-hero__summary h2{font-size:34px}}
@media(max-width:1279px) and (min-width:1024px){.studio-project-grid,.studio-assets-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-two-column--wide{grid-template-columns:1fr}.studio-hero{grid-template-columns:1fr 1fr}.studio-hero__summary{padding:24px}.studio-deliverables{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-project-tabs>a{padding-left:12px;padding-right:12px}.main{padding:30px 25px}}
@media(max-width:1023px){.side{display:none}.topbar{display:flex;position:sticky;top:0;inset-inline:0;z-index:35;height:calc(76px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(18px,env(safe-area-inset-right)) 0 max(20px,env(safe-area-inset-left));align-items:center;justify-content:space-between;background:#090f1cee;backdrop-filter:blur(18px);border-bottom:1px solid var(--studio-line)}.brand--top{display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-decoration:none}.brand--top .brand__sub{font-size:8px}.topbar__actions{display:flex;gap:2px}.topbar .icon-btn{min-height:56px;min-width:56px;padding:17px}.topbar .icon-btn .i{width:20px;height:20px}.main{margin:0;padding:28px 25px calc(106px + env(safe-area-inset-bottom));min-height:calc(100dvh - 76px)}.tabbar{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;inset:auto 0 0;z-index:40;background:#0b1322f5;backdrop-filter:blur(18px);border-top:1px solid #33435d;padding:5px max(10px,env(safe-area-inset-right)) calc(5px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));height:auto}.tabbar>a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:60px;text-decoration:none;color:#a9bad6;font-size:10px;border-radius:10px}.tabbar>a>.i{width:20px;height:20px}.tabbar>a[aria-current=page]{color:#d5e4ff;background:#1b2d4b}.studio-project-grid,.studio-assets-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-deliverables{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-hero__summary{padding:25px}.studio-two-column--wide{grid-template-columns:1fr}.studio-back{margin-top:-8px}.studio-main [data-project-content]{scroll-margin-top:90px}.eq-toast-region{bottom:calc(90px + env(safe-area-inset-bottom))!important}.studio-dialog{max-height:88dvh}.studio-dialog__body eq-viewer{height:52dvh}}
@media(max-width:639px){.main{padding:23px 18px calc(104px + env(safe-area-inset-bottom));padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}.studio-main h1{font-size:29px;line-height:1.22;letter-spacing:-.055em}.studio-page-head{flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:25px}.studio-page-head>.studio-btn{width:100%}.studio-eyebrow{font-size:9px}.studio-subtitle{font-size:12px;margin-top:9px}.studio-toolbar{display:grid;grid-template-columns:1fr 56px;gap:10px}.studio-search{grid-column:1/-1;width:100%}.studio-filter-label{min-width:0}.studio-toolbar .eq-select{width:100%}.studio-list-meta{font-size:10px;line-height:1.6;padding-top:18px}.studio-project-grid,.studio-assets-grid{grid-template-columns:1fr;gap:20px}.studio-project-card__body{padding:19px}.studio-project-card__media{aspect-ratio:1.9}.studio-project-card__body>p{margin-bottom:19px}.studio-project-card__title h2{font-size:16px}.studio-project-head{align-items:flex-start;flex-direction:column;gap:17px;margin-bottom:15px}.studio-project-kicker{gap:10px;flex-wrap:wrap;margin-bottom:12px}.studio-project-meta{gap:11px;margin-top:12px}.studio-head-actions{width:100%;justify-content:space-between}.studio-head-actions>.studio-btn{flex:1;justify-content:flex-start}.studio-project-head h1{overflow-wrap:anywhere}.studio-project-tabs{gap:0;margin-bottom:18px;margin-inline:-4px}.studio-project-tabs>a{padding:16px 12px;font-size:11px;min-height:58px}.studio-project-tabs>a>.i{width:16px;height:16px}.studio-reference-note{font-size:10px;margin-bottom:18px;line-height:1.8}.studio-hero{grid-template-columns:1fr;border-radius:16px}.studio-hero__visual{height:195px}.studio-hero__image{min-height:195px;height:195px}.studio-hero__empty{min-height:195px}.studio-hero__summary{padding:23px}.studio-hero__summary h2{font-size:24px;max-width:none}.studio-hero__summary>p:not(.studio-eyebrow){font-size:12px;margin:11px 0 18px}.studio-hero__summary>.studio-btn{width:100%}.studio-production-meter{margin-top:20px;padding-top:17px}.studio-production-meter small{font-size:9px}.studio-overview{gap:20px}.studio-panel{padding:19px;border-radius:15px}.studio-section-head{gap:12px;align-items:flex-start;flex-wrap:wrap;margin-bottom:15px}.studio-section-head h2{font-size:18px}.studio-section-head>.studio-btn{width:100%}.studio-section-head>.studio-helper{font-size:10px}.studio-deliverables{grid-template-columns:1fr;gap:0}.studio-deliverable{min-height:83px;padding:12px 0}.studio-deliverable__icon{height:38px;width:38px}.studio-deliverable h3{font-size:13px}.studio-deliverable p{font-size:11px}.studio-two-column{grid-template-columns:1fr;gap:20px}.studio-file{gap:6px;flex-wrap:wrap;padding:13px 0}.studio-file__icon{width:34px;height:40px;margin-right:6px}.studio-file__text{flex-basis:calc(100% - 65px)}.studio-file .studio-icon-btn{flex:1;border:1px solid #2b3b54;margin-top:5px;background:#111d30}.studio-kv>div{grid-template-columns:85px minmax(0,1fr);gap:12px;font-size:11px}.studio-note-text{font-size:12px}.studio-pagination{gap:8px}.studio-pagination>.studio-btn{padding:10px 13px;font-size:11px;gap:7px}.studio-pagination>span{font-size:10px}.studio-pagination>.studio-btn>.i{width:16px;height:16px}.studio-chipbar{margin-bottom:15px}.studio-chipbar button{font-size:11px;padding:12px 14px}.studio-asset__media{aspect-ratio:1.65}.studio-asset__info{padding:18px}.studio-asset__info h3{font-size:13px}.studio-asset__info p{font-size:11px}.studio-job{padding:19px}.studio-job>header{gap:11px;flex-wrap:wrap}.studio-job__name{flex-basis:calc(100% - 58px)}.studio-job>header>.studio-badge{margin-left:55px}.studio-job-times{display:grid;grid-template-columns:1fr 1fr;gap:17px;font-size:11px;margin-top:20px}.studio-job>footer{flex-direction:column;gap:10px}.studio-job details{width:100%}.studio-job>footer>.studio-btn{width:100%}.studio-job pre{font-size:10px;padding:12px}.studio-callout{padding:18px;flex-direction:column;align-items:stretch;gap:18px}.studio-callout strong{font-size:12px}.studio-callout p{font-size:11px}.studio-callout>.studio-btn{width:100%}.studio-update{padding:14px;flex-direction:column;align-items:stretch;font-size:11px}.studio-timeline>li{gap:14px}.studio-timeline strong{font-size:12px}.studio-timeline p{font-size:11px}.studio-timeline li>div>span{font-size:9px;line-height:1.8}.studio-qa-checks>li{gap:12px;flex-wrap:wrap}.studio-qa-checks>li>div{flex:1;min-width:170px}.studio-qa-checks strong{font-size:12px}.studio-qa-checks p{font-size:11px}.studio-qa-checks .studio-badge{font-size:9px}.studio-qa-meta{flex-direction:column;gap:8px;font-size:12px}.studio-qa-footer{align-items:stretch;flex-direction:column}.studio-qa-running{padding:17px;font-size:12px}.studio-empty{padding:40px 12px}.studio-empty h3{font-size:15px}.studio-empty p{font-size:11px}.studio-dialog{width:calc(100vw - 20px);max-width:calc(100vw - 20px);max-height:calc(100dvh - 30px);border-radius:16px}.studio-dialog__head{padding:16px;gap:12px}.studio-dialog__head h2{font-size:15px}.studio-dialog__body{padding:14px}.studio-dialog__body video{max-height:58dvh}.studio-dialog__body eq-viewer{height:52dvh;min-height:250px}.studio-dialog__foot{padding:16px;flex-direction:column;align-items:stretch;gap:12px}.studio-dialog__foot .studio-btn{width:100%}.studio-dialog--form .studio-dialog__foot{flex-direction:row}.studio-dialog--form .studio-dialog__foot>.studio-btn{padding:12px 14px}.studio-form{padding:18px;gap:18px}.studio-form__pair{grid-template-columns:1fr;gap:18px}.studio-website-notice{flex-wrap:wrap;gap:10px}.studio-website-notice>.studio-btn{width:100%}.studio-website-notice p{flex-basis:calc(100% - 40px)}.studio-error{padding:25px 18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.studio-project-card:hover{transform:none}.studio-spinner{border-top-color:#c5d9ff}}