/* TS Creatives — Studio Edition 03. Premium agency design system.
   Standalone enhancement layer; original admin styles remain compatible. */
:root{
 --ink:#1a1830;--muted:#7e7890;--violet:#7038ca;--violet-dark:#53219b;
 --border:#e8e5ed;--canvas:#f7f6fa;--shadow:0 13px 35px rgba(37,23,68,.035);
 --agency-plum:#241439;--agency-rose:#ff9b79;--agency-lilac:#aa73ff;
 --ease-out:cubic-bezier(.16,1,.3,1);
}
html{scroll-padding-top:110px}body{background:#f7f6fa;background-image:radial-gradient(ellipse at 94% 1%,rgba(172,128,242,.075),transparent 38%)}
:focus-visible{outline:3px solid #ab7af1!important;outline-offset:3px}
::selection{color:#fff;background:#8d5bd4}
.studio-scroll-track{position:fixed;top:0;left:0;right:0;height:3px;z-index:9999;pointer-events:none;background:transparent}
.studio-scroll-track span{height:100%;width:0;display:block;background:linear-gradient(90deg,#8154ee,#dd77b0,#ffb16f);box-shadow:0 0 17px rgba(179,111,233,.46);transition:width .1s linear}
/* Brand */
.brand-mark{flex:none;border-radius:50%;height:46px;width:46px;background:conic-gradient(from 205deg,#642ac4,#ac60ee,#f98789,#ff9b52,#642ac4);position:relative;isolation:isolate;box-shadow:0 0 0 4px #8144d012,0 10px 24px #5b24b43b;color:white;font-size:15px;letter-spacing:-1px;transform:translateZ(0);transition:transform .45s var(--ease-out),box-shadow .45s var(--ease-out)}
.brand-mark::before{content:"";position:absolute;inset:3px;border-radius:50%;border:1px solid #ffffff9e;background:linear-gradient(144deg,#622db8,#9e42b0 61%,#e67554);z-index:-1}
.brand-mark span{position:relative;font-weight:900;font-style:italic;text-shadow:0 1px 5px #1a0a4420}
.brand:hover .brand-mark,.auth-brand:hover .brand-mark{transform:rotate(-10deg) scale(1.065);box-shadow:0 0 0 6px #8144d00e,0 12px 28px #5b24b44f}
.brand-copy strong{font-size:15px;font-weight:900;letter-spacing:-.45px;background:linear-gradient(105deg,#6634cb 0%,#b14ac0 46%,#f4915d 100%);color:transparent;background-clip:text;-webkit-background-clip:text}
.brand-copy small{font-size:7.4px;letter-spacing:1px;color:#8a8096;font-weight:800}
.sidebar{background:#ffffffeb;border-right:1px solid #ece9f1;box-shadow:3px 0 30px #28163306;backdrop-filter:blur(18px);padding-top:34px}
.sidebar .brand{padding-bottom:51px}
.sidebar-edition{font-size:8px;float:right;letter-spacing:1.2px;color:#c5bccd}
.side-label{color:#a29cad;letter-spacing:2.2px}
.nav-item{position:relative;isolation:isolate;border:1px solid transparent;transition:color .25s ease,background .25s ease,transform .25s var(--ease-out);font-weight:680}
.nav-item::before{content:"";position:absolute;left:0;top:23%;height:54%;width:3px;border-radius:3px;background:linear-gradient(#7944d0,#f18c7f);transform:scaleY(0);transition:transform .3s var(--ease-out)}
.nav-item:hover{transform:translateX(4px);background:#f8f5fe;color:#6736b8}
.nav-item.active{background:linear-gradient(105deg,#f1eafa,#fbf6ff);color:#6635b5;border-color:#f0e7fa;box-shadow:0 5px 12px #602fa60a}
.nav-item.active::before{transform:scaleY(1)}
.nav-item .icon{transition:transform .3s var(--ease-out)}.nav-item:hover .icon{transform:scale(1.13)}
.support-card{background:radial-gradient(circle at 95% 0%,#ad5b9d50,transparent 53%),linear-gradient(145deg,#28133f,#67398b 76%,#925781);border:1px solid #ffffff12;box-shadow:0 12px 35px #2e14572b}
.support-card::after{animation:orbit-soft 24s linear infinite}
.support-spark{display:inline-block;animation:twinkle 4.5s ease-in-out infinite}
.logout{border-radius:10px;transition:background .2s,color .2s}.logout:hover{color:#6537b7;background:#f8f5ff}
.topbar{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.87);backdrop-filter:blur(24px) saturate(1.1);-webkit-backdrop-filter:blur(24px) saturate(1.1);box-shadow:0 8px 24px #29164006}
.breadcrumbs span:last-child{color:#51485e;font-weight:760}.system-status{letter-spacing:1px;font-size:9px;color:#878092}.status-suffix{color:#b3acbd;font-size:9px}
.system-status i{animation:status-pulse 3s infinite}.profile{padding-left:19px}.avatar{background:linear-gradient(140deg,#e7d7ff,#fff2ea);border:1px solid #e7d4fb;border-radius:12px;color:#7535b4}
.page{padding-top:41px}.page-heading{margin-bottom:29px}.page-heading .eyebrow{font-size:10px;color:#9060cb;letter-spacing:2.25px}
.page-heading h1{font-size:clamp(33px,3.4vw,47px);font-weight:830;letter-spacing:-2.2px;color:#221834}
.page-heading p{color:#867e8f;font-size:12.5px}.heading-dot{background:linear-gradient(#8443ce,#f28c77);color:transparent;background-clip:text}
.btn{border-radius:11px;font-weight:760;transition:transform .35s var(--ease-out),box-shadow .35s ease,background .2s,border-color .2s}
.btn-primary{background:linear-gradient(115deg,#7040c9 0%,#954dc5 77%,#ab58ae);box-shadow:0 10px 23px #7b3fbb2c;color:white}
.btn-primary:hover{transform:translateY(-3px);box-shadow:0 15px 31px #7b3fbb3c;background:linear-gradient(115deg,#6130b6,#9048c5 77%,#a857af)}
.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 8px 22px #2313320c}
.btn:active,.icon-button:active{transform:translateY(0) scale(.98)}
/* Art-direction / dashboard hero */
.hero-banner{min-height:323px;padding:42px 53px;border:1px solid #ffffff17;background:radial-gradient(circle at 81% 10%,rgba(245,148,131,.24),transparent 42%),radial-gradient(circle at 60% 110%,rgba(160,91,234,.27),transparent 43%),linear-gradient(116deg,#241334,#362052 49%,#6d426e 100%);box-shadow:0 25px 55px #32144826;border-radius:23px;transform:translateZ(0)}
.hero-banner:before,.hero-banner:after{border-color:#ffffff16;animation:orbit-soft 35s linear infinite}.hero-banner:after{animation-duration:46s;animation-direction:reverse}
.hero-overline{font-size:10px;letter-spacing:2.6px;color:#ffcfb9}
.hero-spark{display:inline-block;font-size:23px;animation:twinkle 4s ease-in-out infinite}
.hero-banner h2{font-size:clamp(32px,3.2vw,46px);letter-spacing:-2px;line-height:1.12;margin:18px 0 17px;font-weight:760}
.hero-banner h2 i{font-style:italic;color:#ffbf9f;font-weight:400}
.hero-banner p{font-size:12.5px;line-height:1.85;color:#e4d6ed;max-width:510px}
.hero-button{border:1px solid #ffffff55;background:#ffffff23;border-radius:10px;padding:13px 19px;backdrop-filter:blur(8px);transition:.35s var(--ease-out)}
.hero-button:hover{background:#fff;color:#402053;transform:translateY(-3px);box-shadow:0 11px 25px #1e11382f}
.hero-button .icon{transition:transform .35s}.hero-button:hover .icon{transform:translateX(4px)}
.hero-book{position:relative;transform:perspective(1200px) rotateX(8deg) rotateY(-15deg) rotateZ(-4deg);animation:book-drift 7s ease-in-out infinite;will-change:transform}
.hero-page{height:232px}.hero-page-left{background:linear-gradient(145deg,#fff6e7,#e1c5aa)}
.hero-page-right{background:linear-gradient(135deg,#edd1b3,#bc8669)}
.hero-orbit-tag{position:absolute;right:-20px;top:-24px;z-index:4;padding:8px 12px;background:#fff9ee;border-radius:6px;color:#6e4866;font-size:7px;letter-spacing:1.6px;font-weight:900;box-shadow:0 13px 20px #1a0a273c;transform:rotate(7deg)}
.hero-book-note{position:absolute;bottom:-25px;left:5px;font-size:6.5px;letter-spacing:1.4px;color:#ead5ed;white-space:nowrap}
.hero-book-spark{position:absolute;top:-33px;left:-33px;color:#fac299;font-size:26px;filter:drop-shadow(0 0 16px #ffcd9955);animation:twinkle 4.7s infinite}
.hero-plate{box-shadow:6px 12px 19px #79523952,inset -9px -10px 19px #3b24151a;animation:plate-rotate 18s linear infinite}
/* Dashboard cards */
.stats{gap:18px;margin:28px 0 44px}.stat{border:1px solid #eae7ef;border-radius:18px;padding:26px 27px;min-height:175px;position:relative;overflow:hidden;transition:transform .45s var(--ease-out),box-shadow .45s var(--ease-out),border-color .4s}
.stat::before{content:"";position:absolute;inset:auto 0 0;height:2px;background:linear-gradient(90deg,#9a60dc,#ffb28b);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ease-out)}
.stat::after{content:"";position:absolute;top:-67px;right:-65px;width:126px;height:126px;border:1px solid #9a60dc13;border-radius:50%}
.stat:hover{transform:translateY(-7px);box-shadow:0 24px 36px #311e490d;border-color:#dfd2f1}.stat:hover::before{transform:scaleX(1)}
.stat-icon{width:42px;height:42px;border-radius:13px}.stat strong{font-size:40px;font-weight:800;line-height:1.17;letter-spacing:-2px;color:#211831;font-variant-numeric:tabular-nums}
.stat span{font-size:11px}.stat small{font-size:10px;color:#a19aab}
.table-card,.panel,.restaurant-card,.menu-card,.empty{border:1px solid #eae8f0;box-shadow:0 12px 37px #27193c09;border-radius:18px}
.table-card{overflow:hidden}tbody tr{transition:background .24s}tbody tr:hover{background:#faf8ff}
.panel{transition:border-color .3s ease,box-shadow .3s ease}.panel:focus-within{border-color:#decdf3;box-shadow:0 10px 37px #4c2a8610}
.section-title h2{font-size:21px;font-weight:790;letter-spacing:-.8px}.section-title p{color:#928b9e}
.text-link{transition:gap .3s,color .3s}.text-link:hover{color:#a45bc2;gap:12px}
.restaurant-card,.menu-card{transition:transform .45s var(--ease-out),box-shadow .45s var(--ease-out),border-color .3s}
.restaurant-card:hover,.menu-card:hover{transform:translateY(-6px);box-shadow:0 19px 40px #3c26521a;border-color:#e5d4f5}
.restaurant-monogram{box-shadow:inset 0 0 0 2px #ffffff4d}
.menu-cover{position:relative;overflow:hidden}.menu-cover::after{content:"";position:absolute;inset:-130% -50%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.26),transparent);transform:rotate(24deg) translateX(-40%);transition:transform 1.1s var(--ease-out);pointer-events:none}
.menu-card:hover .menu-cover::after{transform:rotate(24deg) translateX(75%)}.menu-cover-pages{transition:transform .65s var(--ease-out)}.menu-card:hover .menu-cover-pages{transform:rotate(0deg) translateY(-5px)}
.file-thumb{background:linear-gradient(135deg,#f6edff,#fcecf6)}
/* Form affordances */
input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{transition:border-color .25s,box-shadow .25s;accent-color:#7641c5}
input:not([type=checkbox]):not([type=radio]):not([type=range]):focus,select:focus,textarea:focus{border-color:#b993e5!important;box-shadow:0 0 0 4px #9253d51b!important;outline:0}
.dropzone{transition:border-color .35s,background .35s,transform .35s}.dropzone:hover{border-color:#b98aea;background:#fcf9ff;transform:translateY(-2px)}
.library-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:0 0 20px}.library-search{max-width:490px;width:100%;height:48px;padding:0 14px;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e9e5ed;border-radius:12px;transition:.25s}
.library-search:focus-within{border-color:#c4a6e5;box-shadow:0 0 0 4px #9253d50e}.library-search .icon{color:#917fa3}.library-search input{border:0!important;box-shadow:none!important;outline:0!important;width:100%;background:transparent;font-size:12px;height:100%;padding:0}.library-count{font-size:11px;color:#8e8699;white-space:nowrap}
/* Editor refinement */
.workspace-toolbar{background:linear-gradient(105deg,#fff,#fcfaff)}.editor-canvas-area{background:repeating-linear-gradient(45deg,#f6f3f9 0 8px,#fcfafe 8px 16px)}
.qr-frame{background:#fff;border-color:#e8ddf5;box-shadow:0 13px 32px #3d21540c}
.editor-side .panel{background:#fff}.icon-button{transition:transform .25s var(--ease-out),background .25s,border-color .25s}.icon-button:hover{transform:translateY(-2px);border-color:#bca1e3}
/* Login design */
.auth-panel{position:relative;background:radial-gradient(ellipse at 0% 90%,#f8efff,transparent 45%),#fff}
.auth-panel::after{content:"";position:absolute;bottom:36px;left:clamp(40px,7vw,115px);width:90px;height:1px;background:linear-gradient(90deg,#a061df,#ef99a6)}
.auth-brand{top:40px}.auth-panel .eyebrow{font-size:10px;letter-spacing:3px}
.auth-panel h1{color:#221830;font-size:clamp(37px,4.3vw,62px);line-height:1.1;letter-spacing:-2.7px}
.gradient-text{background-image:linear-gradient(110deg,#793dcd 2%,#ba58b6 55%,#f58c6e)}
.auth-form input{background:#fff;border:1px solid #e8e2f0;border-radius:11px}.auth-form .btn-primary{min-height:52px}
.auth-visual{background:radial-gradient(ellipse at 55% 50%,#59346c,transparent 60%),linear-gradient(140deg,#201431,#392249 67%,#57365c)}
.auth-visual:after{content:"";position:absolute;inset:0;background-image:radial-gradient(#fff3 1px,transparent 1px);background-size:24px 24px;mask-image:radial-gradient(circle at 52% 43%,#000,transparent 67%);pointer-events:none}
.auth-orbit{animation:orbit-soft 42s linear infinite}.art-book{z-index:1;animation:auth-book-drift 7s ease-in-out infinite;transform:perspective(1000px) rotateY(-7deg) rotateX(7deg)}
.auth-float{position:absolute;z-index:3;display:flex;align-items:center;gap:8px;background:#ffffffea;backdrop-filter:blur(14px);border:1px solid #ffffffa8;color:#573d6c;padding:12px 15px;border-radius:9px;font-size:8px;letter-spacing:1.2px;font-weight:900;box-shadow:0 20px 37px #160d2240;animation:float-tag 6s ease-in-out infinite}
.auth-float-top{left:9%;top:24%;transform:rotate(-5deg)}.auth-float-bottom{right:7%;bottom:29%;background:#e9d1fbeb;animation-delay:-2s;transform:rotate(5deg)}
.auth-float-dot{height:7px;width:7px;background:#56b88a;border-radius:50%;box-shadow:0 0 0 4px #56b88a24}
.art-brow{letter-spacing:3.5px}.auth-bottom strong{font-size:32px;letter-spacing:-.8px}
/* Motion, enabled only after JS has loaded and motion preferences allow */
@media(prefers-reduced-motion:no-preference){
 html.motion-ready .reveal-in{opacity:0;transform:translate3d(0,26px,0);filter:blur(5px);transition:opacity .9s var(--ease-out),transform .9s var(--ease-out),filter .9s var(--ease-out);transition-delay:var(--reveal-delay,0ms)}
 html.motion-ready .reveal-in.is-visible{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}
 .page-heading{animation:headline-enter .75s var(--ease-out) both}
}
@keyframes headline-enter{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}
@keyframes book-drift{0%,100%{transform:perspective(1200px) rotateX(8deg) rotateY(-15deg) rotateZ(-4deg) translateY(0)}50%{transform:perspective(1200px) rotateX(6deg) rotateY(-12deg) rotateZ(-2deg) translateY(-9px)}}
@keyframes auth-book-drift{0%,100%{transform:perspective(1000px) rotateY(-7deg) rotateX(7deg) translateY(0)}50%{transform:perspective(1000px) rotateY(-4deg) rotateX(5deg) translateY(-12px)}}
@keyframes orbit-soft{to{transform:rotate(360deg)}}
@keyframes twinkle{0%,100%{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.22)}}
@keyframes float-tag{0%,100%{translate:0 0}50%{translate:0 -10px}}
@keyframes status-pulse{0%,100%{box-shadow:0 0 0 4px #e1f7e8}50%{box-shadow:0 0 0 7px #d1f4dc88}}
@keyframes plate-rotate{to{transform:rotate(360deg)}}
/* Tablets and handheld devices */
@media(max-width:1200px){.hero-banner{padding:37px}.hero-orbit-tag{right:-4px}.hero-book{max-width:35%}.stat{padding:23px}}
@media(max-width:900px){.hero-banner{min-height:280px}.auth-float{display:none}.auth-shell{background:#fff}}
@media(max-width:650px){
 .sidebar{position:sticky;top:0;z-index:40;width:100%;padding:10px 12px 8px;border-bottom:1px solid #eee8f4;box-shadow:0 4px 22px #26123a08}
 .sidebar .brand{padding:1px 6px 10px}.brand-mark{height:39px;width:39px;font-size:13px}.brand-copy strong{font-size:13px}.brand-copy small{font-size:6.5px}
 .nav-item{font-size:10px;padding:10px 11px}.nav-item:hover{transform:none}.nav-item.active::before{height:2px;width:55%;left:22%;top:auto;bottom:0;transform:scaleX(1)}
 .topbar{height:53px;top:115px;z-index:35;padding:0 16px}.top-actions{gap:12px}.profile{border:0;padding:0}.profile small{display:none}.profile strong{font-size:10px}
 .page{padding:27px 15px 45px}.page-heading h1{font-size:35px;letter-spacing:-1.7px}.page-heading .btn{width:100%}
 .hero-banner{padding:32px 25px;min-height:280px}.hero-banner h2{font-size:31px}.hero-banner h2 i{display:inline}.hero-orbit-tag,.hero-book-note{display:none}
 .stats{gap:10px;margin-top:16px}.stat{min-height:150px;padding:17px}.stat strong{font-size:34px}.stat-icon{width:38px;height:38px}
 .library-toolbar{flex-direction:column;align-items:stretch}.library-search{max-width:none}.library-count{text-align:right}
 .auth-panel{padding-top:100px}.auth-panel .eyebrow{margin-top:75px}.auth-brand{top:25px}.auth-panel h1{font-size:41px;letter-spacing:-1.9px}
}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
 .reveal-in{opacity:1!important;transform:none!important;filter:none!important}
}
.hero-banner{background:radial-gradient(circle at var(--glow-x,81%) var(--glow-y,10%),rgba(245,148,131,.24),transparent 42%),radial-gradient(circle at 60% 110%,rgba(160,91,234,.27),transparent 43%),linear-gradient(116deg,#241334,#362052 49%,#6d426e 100%)}
.library-empty{margin:20px 0;padding:40px;border:1px dashed #d7c6e8;border-radius:17px;text-align:center;color:#8f7f9e;background:#fff}
/* V4 — real brand identity, account management, source PDF controls, branded QR assets */
.brand-official-mark{width:207px;height:auto;max-height:65px;object-fit:contain;display:block;flex-shrink:0;transition:transform .4s ease,filter .4s ease}
.brand:hover .brand-official-mark,.auth-brand:hover .brand-official-mark{transform:translateY(-2px);filter:drop-shadow(0 6px 12px #8b43ac22)}
.auth-brand .brand-official-mark{width:min(315px,72vw);max-height:95px}
.brand-custom-logo{width:47px;height:47px;object-fit:contain;border-radius:10px;background:white;padding:3px;box-shadow:0 3px 12px #5f4b7a17;flex:none}
.brand-management-grid{margin-bottom:26px}.brand-management-grid .panel{display:flex;flex-direction:column}
.brand-logo-panel{display:flex;align-items:center;gap:17px;margin:5px 0 15px}.brand-logo-panel .tiny{line-height:1.65;margin-bottom:0}
.brand-logo-preview{background:linear-gradient(140deg,#faf5ff,#fff1e8);border:1px solid #eee0fa;border-radius:20px;width:93px;height:93px;flex:none;display:grid;place-items:center;overflow:hidden}
.brand-logo-preview img{width:100%;height:100%;object-fit:contain;padding:9px}.brand-logo-preview strong{font-size:47px;font-weight:900;color:#8352b4}
.brand-management-grid input[type=file],.pdf-source-card input[type=file],.studio-brand-panel input[type=file]{border:1px dashed #c4b2d3;background:#faf8ff;padding:15px 12px;width:100%;border-radius:10px;font-size:12px}
.brand-remove-form{margin-top:9px;text-align:right}.brand-remove-form button{font-size:11px}
.restaurant-monogram img{width:100%;height:100%;object-fit:contain;padding:4px;border-radius:10px;background:white}
.branch-edit{border:1px solid #ece5f3;padding:0;border-radius:12px;margin:8px 0;background:#fff;overflow:hidden}
.branch-edit summary{display:flex;align-items:center;gap:12px;padding:13px;cursor:pointer;list-style:none}.branch-edit summary::-webkit-details-marker{display:none}.branch-edit summary .icon:last-child{margin-left:auto;color:#977aa8}
.branch-edit summary span:nth-child(2){display:flex;flex-direction:column;gap:3px}.branch-edit summary strong{font-size:12px}.branch-edit summary small{font-size:10px}
.branch-edit-fields{padding:0 14px 12px}.branch-delete-form{padding:0 14px 13px}.branch-delete-form .btn{padding:8px 12px;font-size:10px}
.pdf-source-card{margin:22px 0;padding:24px}.pdf-source-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:start}.pdf-source-grid .source-current{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.pdf-source-grid .source-current strong{font-size:18px}.pdf-source-grid .source-current .btn{margin-top:8px}
.source-versions{margin-top:25px;padding:15px;border:1px solid #eee9f4;border-radius:13px}.source-versions summary{font-size:12px;font-weight:800;cursor:pointer}.source-versions .revision-row{margin-top:10px}
.qr-action-row{display:flex;flex-wrap:wrap;gap:9px;margin:15px 0}.qr-action-row .btn{padding:12px 15px}.qr-note{max-width:365px;line-height:1.7}.qr-frame{background:#fff;min-width:205px}.qr-frame svg{max-width:100%;image-rendering:auto}
.studio-brand-panel{margin:22px 0;padding:23px}.studio-brand-preview{display:flex;align-items:center;min-height:120px;padding:18px;border:1px solid #ece2f2;background:linear-gradient(135deg,#fff,#faf4ff);border-radius:15px;margin-bottom:20px}.studio-brand-preview img{max-height:80px;max-width:290px;width:auto;height:auto;object-fit:contain}
.team-table td{vertical-align:top}.team-actions{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap}.team-actions .btn{padding:9px 12px;font-size:10px}.team-reset{position:relative;min-width:110px}.team-reset summary{cursor:pointer;font-size:10px;white-space:nowrap;padding:10px;color:#7340bc}.team-reset[open] form{min-width:220px;padding:15px;background:#fff;border:1px solid #e1d8ec;box-shadow:0 16px 35px #2a193319;border-radius:12px;margin-top:7px;position:absolute;right:0;z-index:12}
.analytics-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.analytics-stats .stat{min-height:155px;display:flex;flex-direction:column;gap:8px}.analytics-stats strong{font-size:40px}
@media(max-width:1000px){.brand-management-grid,.pdf-source-grid{grid-template-columns:1fr}.analytics-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.brand-official-mark{width:180px}.brand-logo-preview{width:75px;height:75px}.qr-action-row .btn{flex:1}.pdf-source-card{padding:17px}.analytics-stats{grid-template-columns:1fr}.team-reset[open] form{position:static;min-width:180px}.brand-custom-logo{width:39px;height:39px}}
/* Official TS Creatives brand artwork supplied for the agency */
.brand-official-badge{height:54px;width:54px;flex:none;object-fit:contain;background:white;border:1px solid #eee3f1;border-radius:50%;box-shadow:0 5px 20px #51268f16;transition:transform .4s ease}
.brand:hover .brand-official-badge,.auth-brand:hover .brand-official-badge{transform:rotate(-6deg) scale(1.045)}
.auth-brand .brand-official-badge{height:68px;width:68px}
.brand-copy strong{font-size:15px;letter-spacing:-.5px}.auth-brand .brand-copy strong{font-size:20px}.auth-brand .brand-copy small{font-size:8px;letter-spacing:1.2px}
.studio-brand-preview img[src$="ts-creatives-official.jpg"]{max-width:160px;max-height:130px}
@media(max-width:650px){.brand-official-badge{height:43px;width:43px}.auth-brand .brand-official-badge{height:47px;width:47px}.auth-brand .brand-copy strong{font-size:16px}}