/* KREAVIS 2.0 · original illustration-led art direction. The 550-code engine stays in app.js. */
:root{--ink:#222046;--ink-dark:#301876;--violet:#6843e5;--cream:#f5f5ff;--paper:#fff;--peach:#ff936c;--gold:#ffd85f;--mint:#82eac0;--lav:#e8dfff;--muted:#66627c;--line:#e3e0f2;--shadow:0 16px 46px rgba(37,31,105,.10);--side:265px}
html{scroll-behavior:smooth}
body{font-family:"Trebuchet MS","Segoe UI",Arial,sans-serif;background:radial-gradient(ellipse at 95% 4%,#e5f0ff 0,transparent 28%),#f5f5ff;font-size:15px;color:var(--ink)}
button,a,.category-tile,.command-card{ -webkit-tap-highlight-color:transparent }
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #f1ad32!important;outline-offset:3px}
button{touch-action:manipulation}
.sidebar{background:linear-gradient(167deg,#35208e 2%,#4428a9 53%,#1d2278 100%);padding:27px 17px 16px;box-shadow:12px 0 35px rgba(37,28,101,.16);scrollbar-color:#8e80dc transparent}
.sidebar::before{content:"";position:absolute;top:92px;right:-55px;width:190px;height:190px;border:1px solid #ffffff13;transform:rotate(20deg);border-radius:48%;pointer-events:none}
.brand{margin-bottom:28px;gap:13px}.brand-mark{background:linear-gradient(140deg,#fbd14d,#ff8b35);border:2px solid #fff;box-shadow:0 7px 0 #24116b}.brand-type strong{font-size:24px;letter-spacing:-1.3px}.brand-type strong span{color:#ffd84f}.brand-type small{color:#e2dcff;font-weight:800;letter-spacing:.01em;font-size:11px}
.workspace-tag{background:#ffffff1b;border:1px solid #ffffff2f;color:#e9e6ff;margin-bottom:24px}.status-ping{background:#95fdac}
.side-label{color:#b4aaff}.side-nav{gap:5px}.nav-item{padding:13px 14px;color:#e7e1ff;min-height:47px;border-radius:13px;font-size:12px;font-weight:900}.nav-item .icon{width:20px;height:20px}.nav-item.active{background:#ffdb5f;color:#322077;box-shadow:0 5px 0 #241876;transform:translateY(-1px)}.nav-item:hover:not(.active){background:#ffffff24;transform:translateX(3px)}.side-counter{background:#ffffff23;color:#fff}.nav-item.active .side-counter{background:#ffffffa3;color:#352077}.new-tag{background:#e9bafa;color:#431f9c}
.sidebar-bottom{margin-top:auto;background:#ffffff15;border:1px solid #ffffff37;border-radius:20px;padding:17px 16px 16px;box-shadow:inset 0 1px 0 #ffffff25}.sidebar-bottom strong{font-size:18px;color:#fff}.sidebar-bottom p{color:#dfd9ff;font-size:11px}.side-robot{display:block;width:100%;height:120px;object-fit:cover;object-position:50% 42%;border-radius:14px;margin-bottom:15px;box-shadow:0 7px 18px #22125d4d}.old-side-art{display:none}.btn-side{background:#ffd358;color:#34206c;box-shadow:0 4px 0 #2a1866}.btn-side:hover{background:#ffea91}.side-credit{color:#c9befe}
.topbar{height:76px;background:#fff;border-color:#e5e1f2;padding:0 clamp(18px,2.75vw,47px)}.breadcrumb{color:#8d85af;font-size:10px}.breadcrumb strong{color:#5535b1}.global-search{background:#f5f3ff;border:1px solid #e6e0f7;border-radius:13px;height:46px;width:285px;color:#806faf}.global-search:focus-within{outline:2px solid #9879ed;outline-offset:2px}.global-search input{font-size:12px}.topbar-right{gap:13px}.topbar-create{background:#633ae4;border-radius:13px;height:45px;box-shadow:0 5px 0 #e8e0ff}.topbar-create:hover{background:#4e2bbd}.top-sound{height:43px;width:43px;background:#fff6dc;color:#6f479f;border:1px solid #ffdfa3;font-size:23px;font-weight:900;border-radius:12px}.top-sound[aria-pressed=false]{color:#9790ae;background:#f2f0f7}.avatar{color:#fff;background:#fe8e6f;border-radius:13px;border:3px solid white;box-shadow:0 0 0 1px #f5c6bb}
main{max-width:1640px;padding:34px clamp(20px,2.75vw,46px) 72px}.view.active{animation:pageBloom .34s cubic-bezier(.2,.76,.2,1)}@keyframes pageBloom{from{opacity:0;transform:translateY(12px) scale(.995)}to{opacity:1;transform:none}}
.hero{min-height:422px;grid-template-columns:minmax(400px,1.07fr) minmax(330px,.93fr);background:linear-gradient(117deg,#5132be 0%,#5b31c8 53%,#1682d8 110%);color:white;border-radius:29px;box-shadow:0 23px 45px #5234c340;isolation:isolate}
.hero::before{content:"";border:2px solid #ffffff29;left:-140px;bottom:-246px}.hero::after{content:"";position:absolute;right:-75px;top:-65px;width:300px;height:300px;border:2px dashed #ffffff35;border-radius:50%;pointer-events:none}
.hero-copy{padding:55px 0 46px clamp(25px,3.4vw,53px)}.hero-eyebrow{color:#fff2ab;font-size:11px;letter-spacing:.09em}.small-flower{color:#ffe75d}.hero h1{color:#fff;font-size:clamp(33px,3.1vw,51px);line-height:1.15;max-width:540px;letter-spacing:-.045em;margin:16px 0 18px}.hero h1 em{font-family:Georgia,"Times New Roman",serif;font-style:italic;color:#ffdb51;letter-spacing:-.055em;display:inline-block}.hero-copy>p{color:#edeaff;font-size:13px;max-width:430px;line-height:1.8}.hero-actions{gap:11px}.hero-actions .btn{border-radius:12px;min-height:48px}.hero-actions .btn-dark{background:#ffd753;color:#2e2165;box-shadow:0 5px 0 #32227c}.hero-actions .btn-dark:hover{background:#ffeaa2}.hero-actions .btn-outline{color:#fff;border-color:#dcd5ff99;background:#ffffff13}.hero-actions .btn-outline:hover{background:#ffffff2e}.hero-proof{color:#e6e0ff;font-size:10px;line-height:1.5}.proof-avatars span{border-color:#6643ca;width:29px;height:29px;font-size:8px;color:#352079}
.hero-art.hero-scene{min-height:420px;display:block;position:relative;overflow:visible}.hero-people-frame{position:absolute;left:-4%;bottom:0;width:75%;height:320px;border-radius:30px 30px 6px 6px;overflow:hidden;border:5px solid #fff6;box-shadow:0 18px 35px #2912788a;transform:rotate(-3deg);animation:arrivePeople .9s ease both}.hero-people{width:100%;height:100%;object-fit:cover;object-position:47% 42%;display:block}.hero-robot-frame{position:absolute;width:43%;height:238px;right:0;top:70px;border-radius:30px;overflow:hidden;border:5px solid #ffce72;box-shadow:0 17px 30px #26107078;transform:rotate(7deg);animation:arriveRobot 1s .12s ease both}.hero-robot-frame img{width:100%;height:100%;object-fit:cover;object-position:44% 50%;display:block}.hero-sticker{position:absolute;z-index:5;right:7%;top:10px;display:flex;align-items:center;gap:8px;font-size:26px;line-height:1;color:#ffec73;filter:drop-shadow(0 4px 2px #322074aa);transform:rotate(5deg)}.hero-sticker span{font-size:10px;text-transform:uppercase;color:white;font-weight:950;line-height:1.25;letter-spacing:.07em}.hero-float-topic{position:absolute;z-index:5;right:3%;bottom:30px;background:#ffe47b;color:#3a286a;font-size:11px;font-weight:950;border:3px solid #fff;border-radius:13px;padding:11px 13px;box-shadow:0 7px 19px #2010504c;transform:rotate(5deg)}.hero-ink-star{position:absolute;right:40%;top:27px;font-size:50px;color:#ffa8e9;transform:rotate(-13deg)}.hero-bottom-decor{background:#ffffff25}
@keyframes arrivePeople{from{opacity:0;transform:translate(30px,25px) rotate(5deg)}to{opacity:1;transform:rotate(-3deg)}}@keyframes arriveRobot{from{opacity:0;transform:translate(20px,-25px) rotate(15deg)}to{opacity:1;transform:rotate(7deg)}}
.quick-launch{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:19px}.launch-card{min-width:0;border:0;display:flex;align-items:center;gap:10px;padding:13px;border-radius:18px;min-height:99px;color:white;text-align:left;position:relative;isolation:isolate;box-shadow:0 8px 20px #33267c26;transition:transform .18s,filter .18s}.launch-card:hover{transform:translateY(-4px) rotate(-.5deg);filter:saturate(1.1)}.launch-card:active{transform:translateY(0)}.launch-card img{width:74px;height:72px;object-fit:cover;border-radius:14px;border:3px solid #ffffffbd;flex:none;box-shadow:0 4px 9px #1c0f6336}.launch-card span{flex:1;min-width:0}.launch-card b{display:block;font-size:13px;line-height:1.3;font-weight:950}.launch-card small{display:block;margin-top:5px;font-size:10px;font-weight:700;line-height:1.45;color:#fffef5}.launch-card i{position:absolute;right:12px;top:10px;background:#ffffff47;width:24px;height:24px;text-align:center;border-radius:50%;font-size:16px;font-style:normal}.launch-purple{background:linear-gradient(130deg,#9b47e7,#6532cc)}.launch-orange{background:linear-gradient(125deg,#ffb22c,#f47c20)}.launch-blue{background:linear-gradient(130deg,#24b9e7,#1881db)}.launch-green{background:linear-gradient(130deg,#41cfa1,#138c87)}
.section-head{margin-top:35px}.section-head h2{font-size:26px;letter-spacing:-.06em}.overline{color:#8164c4;font-size:10px;letter-spacing:.115em}.stats-head{margin-top:40px}.stat-card{border:1px solid #ded9fa!important;box-shadow:0 8px 16px #4b35a411;border-radius:19px;background:#fff!important;padding:18px 22px;min-height:108px}.stat-card strong{font-size:32px;color:#5034a5}.stat-purple .stat-icon{background:#ede5ff;color:#6230c9}.stat-peach .stat-icon{background:#fff1d4;color:#f0862a}.stat-green .stat-icon{background:#e1f9ee;color:#168e72}.stat-icon{border-radius:15px}.stat-card div>span{font-size:12px;color:#6b6286}.stat-decoration{color:#dcb8ff;opacity:1}
.category-gallery{gap:15px}.category-tile{height:209px;border-radius:20px;border:1px solid #ffffff;box-shadow:0 8px 23px #39247d23;transition:transform .2s,box-shadow .2s;overflow:hidden}.category-tile:hover{transform:translateY(-6px) rotate(-.7deg);box-shadow:0 16px 27px #38207e34}.category-tile .cat-illustration{height:143px;width:100%;display:block;position:absolute;top:0;left:0;overflow:hidden}.category-tile .cat-illustration .illustrated-art{width:100%;height:100%;object-fit:cover;object-position:center 45%;filter:saturate(1.06)}.category-tile::after{content:"";position:absolute;inset:auto 0 0;height:94px;background:linear-gradient(0deg,#fff 40%,#fffffff0 76%,transparent);pointer-events:none}.category-tile strong{color:#32216d;z-index:2;bottom:29px;left:16px;font-size:14px}.category-tile small{z-index:2;left:16px;bottom:13px;color:#77718b;font-size:10px}.cat-arrow{z-index:3;background:#5632cf!important;color:white!important}
.cards-grid{gap:17px}.command-card{background:white;border:1px solid #e8e2f4;border-radius:19px;box-shadow:0 8px 25px #3f33770f;overflow:hidden;transition:transform .18s,box-shadow .18s}.command-card:hover{transform:translateY(-5px);box-shadow:0 17px 34px #49349e2d}.card-cover{height:160px;background:#efe9ff;position:relative}.card-cover .illustrated-art{display:block;width:100%;height:100%;object-fit:cover;object-position:center 42%;transition:transform .28s ease}.command-card:hover .card-cover .illustrated-art{transform:scale(1.045)}.cover-index{background:#ffffffee;color:#5631a7;border-radius:8px;padding:6px 8px;letter-spacing:.06em;font-size:9px;z-index:1}.cover-fav{box-shadow:0 3px 8px #22154422}.card-main{padding:19px 19px 17px}.card-kicker{font-size:10px;color:#6f53a3;letter-spacing:.06em}.card-main h3{font-size:17px;color:#302451;line-height:1.28}.card-main p{font-size:12px;color:#66647b;line-height:1.55}.card-chip{background:#f4eeff;color:#6d52a4;font-size:10px}.card-action{color:#6237d3;font-size:11px}
.gallery-story{display:grid;grid-template-columns:1.18fr 1fr 1fr;gap:19px;margin-top:50px;padding:22px;border-radius:25px;background:#fff;border:1px solid #e4def7;box-shadow:0 15px 37px #43379710}.gallery-story>div{padding:16px 9px 14px 14px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.gallery-story h2{margin:8px 0 12px;font-size:clamp(21px,2vw,29px);line-height:1.17;color:#382481}.gallery-story p{color:#756d85;font-size:12px;line-height:1.7}.gallery-story .btn{margin-top:6px}.story-example{border:0;background:#f0ebff;border-radius:17px;position:relative;overflow:hidden;min-height:222px;padding:0;text-align:left;box-shadow:0 8px 16px #24106412;transition:transform .2s}.story-example:hover{transform:translateY(-4px)}.story-example img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.story-example span{position:absolute;bottom:0;left:0;right:0;padding:18px 13px 12px;color:white;font-size:11px;background:linear-gradient(transparent,#2d1458ec);font-weight:900}.story-example b{display:block;font-size:13px;margin-top:3px}
.page-title{margin-bottom:26px}.page-title h1{font-size:clamp(31px,3vw,44px)}.page-title h1 em{color:#8452e3}.page-title p{font-size:13px;color:#69667d;max-width:670px}.page-title-graphic{color:#ffc145}.catalog-toolbar,.studio-editor,.studio-preview,.guide-steps article{border-color:#e5dcf6;box-shadow:0 8px 20px #3625770b}.catalog-search{background:#f7f6ff;border-color:#e6e1f5}.catalog-search input{font-size:13px}.filter-row select{color:#494369;font-size:12px;min-height:43px}.results-line{font-size:12px}.results-line strong{font-size:13px}.btn-dark{background:#6238d9;box-shadow:0 4px 0 #d6c8fd}.btn-dark:hover{background:#4d27b4}.btn-peach{background:#ffdd81;color:#442064}.btn-peach:hover{background:#ffe9ac}.btn-outline{border-color:#d0c3ee;color:#5b35ba}.btn-outline:hover{background:#f3edff}
.studio-title{align-items:center}.focus-button{display:flex;align-items:center;gap:8px;padding:12px 15px;border-radius:12px;border:1px solid #dcd0f9;background:white;color:#5737bd;font-weight:900;font-size:12px;white-space:nowrap;box-shadow:0 6px 20px #3e2c9014}.focus-button .icon{width:16px;height:16px}.focus-button:hover{background:#eee5ff}.studio-layout{gap:20px}.studio-editor{padding:27px;border-radius:22px}.studio-preview{border-radius:22px}.number-pill{background:#e9defe;color:#6039c0}.editor-header p{font-size:12px}.field label{font-size:12px;color:#30234e}.field input:not([type=checkbox]),.field select,.field textarea{font-size:13px;padding:13px;border-color:#ded8ee;background:#faf9ff;color:#302b4d}.field-check{background:#f8f5ff}.toggle-line{font-size:12px!important}.code-picker{background:#f1ebff;border-color:#d8c9fd}.mini-paint{background:#d9c9ff;color:#5a33a9}.preview-cap{background:#362279}.preview-illustration{background:linear-gradient(100deg,#f6edff,#ddebff)}.preview-body{padding:25px}.preview-body textarea{font-size:12px;background:#fbfaff;border-color:#dcd7ef;color:#3b3558;line-height:1.66}.preview-top h3{font-size:18px}.ready-badge.ready{background:#dcf8e6}.notice{background:#fff7e0;color:#665439}.notice p{font-size:11px}.modal-cover{height:220px}.modal-cover .illustrated-art{width:100%;height:100%;object-fit:cover;object-position:50% 45%}.picker-item>span:first-child .illustrated-art{width:100%;height:100%;object-fit:cover}.modal-card,.picker-card,.admin-card,.edit-card{border-radius:24px}.admin-tools .admin-tool{background:#f6f2ff;border-color:#ded3f6}.admin-tool:hover{background:#ece4fc}.admin-note{font-size:11px}.guide-art{border-radius:14px}.guide-steps h3{color:#37257f}.guide-steps p{color:#72698a;font-size:11px}.site-footer{background:#fff;color:#70658d;border-top:1px solid #e7e0f4}
/* Studio focus: expanding the real form, not an inert fullscreen button. */
body.studio-focus{overflow:hidden}body.studio-focus .sidebar,body.studio-focus .topbar,body.studio-focus .site-footer{display:none!important}body.studio-focus .main-shell{padding-left:0}body.studio-focus main{padding:15px;max-width:none;height:100dvh;overflow:auto}body.studio-focus .view:not(#view-studio){display:none!important}body.studio-focus .view#view-studio{display:block}body.studio-focus .studio-title{margin-bottom:12px}body.studio-focus .studio-title h1{font-size:24px;margin:0 0 3px}body.studio-focus .studio-title p{font-size:11px}body.studio-focus .studio-layout{grid-template-columns:minmax(350px,1fr) minmax(350px,1fr);gap:14px}body.studio-focus .studio-editor{padding:18px}body.studio-focus .studio-preview{position:static}body.studio-focus .preview-illustration{height:80px}body.studio-focus .preview-body textarea{min-height:240px}body.studio-focus .focus-button{background:#f7ce69;color:#49308c;border-color:#ffc957}
/* Settings dialog: works fully locally; no pretending to alter other teachers' devices. */
.settings-card{position:relative;width:min(100%,740px);max-height:calc(100dvh - 38px);overflow:auto;background:#fff;border-radius:25px;box-shadow:0 35px 80px #160d5370}.settings-cover{display:flex;align-items:center;min-height:178px;padding:25px 30px;background:linear-gradient(110deg,#5c39cc,#315bc9);color:white;overflow:hidden;position:relative}.settings-cover .overline{color:#ffe78e}.settings-cover h2{margin:8px 0;font-size:27px}.settings-cover p{font-size:12px;color:#e5deff;max-width:370px;line-height:1.6;margin:0}.settings-cover img{position:absolute;width:180px;height:170px;object-fit:cover;right:48px;bottom:-13px;border-radius:25px;transform:rotate(7deg);box-shadow:0 8px 24px #1c147347}.settings-x{position:absolute;top:15px;right:15px;z-index:2;background:white;color:#593db1}.settings-form{padding:26px 30px 29px}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px}.settings-grid .field{margin-bottom:0}.settings-grid .wide{grid-column:1/-1}.settings-grid .field input,.settings-grid .field select,.settings-grid .field textarea{width:100%;padding:12px 13px;background:#faf8ff;border:1px solid #dfd7ee;border-radius:11px;font-size:13px;color:#3b2b64;outline:0}.settings-switches{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0 12px}.settings-switches label{border-radius:12px;padding:11px 15px;background:#f1ecff;border:1px solid #e1d7f6;display:flex;align-items:center;gap:9px;font-size:12px;font-weight:900;color:#514081;cursor:pointer}.settings-switches input{width:17px;height:17px;accent-color:#713cdd}.settings-storage-note{display:flex;gap:9px;align-items:flex-start;color:#786b88;background:#fff7e3;font-size:11px;line-height:1.6;padding:12px;border-radius:11px}.settings-storage-note .icon{width:18px;height:18px;flex:none}.settings-actions{display:flex;gap:10px;justify-content:flex-start;margin-top:20px}
/* Animation preferences and adaptive visuals */
@keyframes gentleHello{0%,100%{transform:rotate(7deg)}50%{transform:rotate(4deg)}}
body:not(.reduce-motion) .hero-robot-frame{animation:arriveRobot 1s .12s ease both, gentleHello 5.5s 1.15s ease-in-out infinite}
body.reduce-motion *,body.reduce-motion *::before,body.reduce-motion *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
body.large-text{font-size:17px}body.large-text .nav-item,body.large-text .card-main p,body.large-text .field label,body.large-text .field select,body.large-text .field input,body.large-text .field textarea{font-size:14px}body.large-text .hero-copy>p,body.large-text .page-title p{font-size:15px}body.large-text .btn{font-size:14px}body.large-text .sidebar-bottom p,body.large-text .launch-card small{font-size:12px}
body.theme-ocean{--ink-dark:#103e88;--violet:#0066ce}body.theme-ocean .sidebar{background:linear-gradient(160deg,#102f81,#0e65b3,#183274)}body.theme-ocean .hero{background:linear-gradient(112deg,#0f54a1,#2086cc,#15a9b4)}body.theme-ocean .nav-item.active,body.theme-ocean .hero-actions .btn-dark{background:#ffe36c}body.theme-ocean .topbar-create,body.theme-ocean .btn-dark{background:#1278c9}
body.theme-forest{--ink-dark:#126a65;--violet:#079d82}body.theme-forest .sidebar{background:linear-gradient(155deg,#0e6055,#16927f,#115b68)}body.theme-forest .hero{background:linear-gradient(115deg,#08896f,#0ba8a1,#2f9cac)}body.theme-forest .nav-item.active,body.theme-forest .hero-actions .btn-dark{background:#ffce7d}body.theme-forest .topbar-create,body.theme-forest .btn-dark{background:#078a72}
@media(max-width:1280px){.quick-launch{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{grid-template-columns:minmax(380px,1fr) minmax(280px,.85fr)}.hero-people-frame{width:80%;height:270px}.hero-robot-frame{height:194px;width:45%;top:95px}.gallery-story{grid-template-columns:1fr 1fr}.gallery-story>div{grid-column:1/-1}.gallery-story .story-example{min-height:225px}}
@media(max-width:1170px){.category-tile{height:190px}.category-tile .cat-illustration{height:126px}.category-tile strong{bottom:27px}.category-tile small{bottom:12px}.launch-card{min-height:93px}.hero h1{font-size:38px}.hero-copy{padding-left:29px}.hero-people-frame{left:-2%;width:80%}.hero-robot-frame{right:0}.hero-float-topic{right:2%;font-size:9px}}
@media(max-width:820px){.sidebar{width:275px;box-shadow:8px 0 28px #15075953}.topbar{padding:0 18px}.hero{grid-template-columns:1fr .75fr;min-height:380px}.hero-copy{padding:38px 0 30px 30px}.hero h1{font-size:35px}.hero-art.hero-scene{min-height:370px}.hero-people-frame{width:94%;height:240px}.hero-robot-frame{width:53%;height:185px;right:-4%;top:80px}.hero-sticker{top:13px;right:0;font-size:21px}.hero-float-topic{right:3%;bottom:23px}.topbar-right{gap:9px}.global-search{width:180px}.quick-launch{gap:11px}.category-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.card-cover{height:156px}.gallery-story{grid-template-columns:1fr 1fr}.studio-layout{grid-template-columns:1fr}body.studio-focus .studio-layout{grid-template-columns:1fr}body.studio-focus main{height:100dvh}}
@media(max-width:620px){.topbar{height:64px}.top-sound{height:38px;width:38px;font-size:19px}.hero{display:block;min-height:0;border-radius:22px}.hero-copy{padding:29px 23px 0}.hero h1{font-size:34px;line-height:1.17;margin-top:12px}.hero-copy>p{font-size:12px;line-height:1.65}.hero-actions{gap:8px}.hero-actions .btn{font-size:11px;padding:11px 12px;min-height:44px}.hero-art.hero-scene{height:250px;min-height:250px}.hero-people-frame{left:5%;bottom:0;width:59%;height:221px}.hero-robot-frame{right:4%;top:39px;width:39%;height:155px;border-width:3px}.hero-sticker{left:45%;right:auto;top:9px;transform:rotate(-8deg);font-size:20px}.hero-sticker span{font-size:8px}.hero-float-topic{right:6%;bottom:17px;font-size:9px;padding:7px}.hero-ink-star{display:none}.hero-proof{display:none}.quick-launch{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:12px}.launch-card{padding:11px 10px;min-height:99px;border-radius:14px;gap:7px;flex-wrap:wrap}.launch-card img{height:48px;width:54px;border-radius:10px;border-width:2px}.launch-card b{font-size:11px}.launch-card small{display:none}.launch-card i{right:7px;top:7px;font-size:14px;width:20px;height:20px}.stats-head{margin-top:29px}.section-head{margin-top:31px}.section-head h2{font-size:22px}.stat-card{min-height:102px;padding:12px 7px;border-radius:13px}.stat-card strong{font-size:25px}.stat-card div>span{font-size:10px}.category-gallery{gap:10px}.category-tile{height:163px;border-radius:14px}.category-tile .cat-illustration{height:108px}.category-tile strong{font-size:12px;left:10px;bottom:25px}.category-tile small{font-size:9px;left:10px;bottom:11px}.cat-arrow{right:7px;bottom:9px!important}.card-cover{height:172px}.card-main h3{font-size:18px}.card-main p{font-size:12px}.home-featured .command-card:nth-child(n+4){display:block}.gallery-story{display:block;padding:14px;margin-top:31px}.gallery-story>div{padding:12px 7px}.gallery-story h2{font-size:22px}.gallery-story .story-example{display:block;width:100%;min-height:180px;margin:10px 0}.page-title{align-items:flex-start}.page-title h1{font-size:30px}.studio-title{align-items:flex-start;flex-wrap:wrap}.focus-button{font-size:10px;padding:10px}.settings-cover{padding:24px 21px;min-height:168px}.settings-cover img{right:25px;width:132px;height:135px;bottom:-10px;opacity:.78}.settings-cover h2{font-size:23px;max-width:210px}.settings-cover p{max-width:245px;font-size:10px;position:relative;z-index:1}.settings-form{padding:19px}.settings-grid{grid-template-columns:1fr}.settings-grid .wide{grid-column:auto}.settings-actions .btn{font-size:11px;padding:10px}.settings-switches{gap:7px}.settings-switches label{font-size:11px;padding:9px 10px}.topbar-create{height:38px}.hero-actions .btn-outline{border-color:#ffffffa1}.preview-body textarea{min-height:280px}.studio-layout{display:block}body.studio-focus .studio-layout{display:block}body.studio-focus main{padding:11px}body.studio-focus .studio-title h1{font-size:22px}body.studio-focus .studio-title p{display:none}body.studio-focus .studio-editor{margin-bottom:14px}.modal-cover .illustrated-art{height:100%}}
@media(prefers-reduced-motion:reduce){body:not(.reduce-motion) .hero-robot-frame{animation:none!important}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* Final responsive correction: the desktop rail must never reserve width on a phone. */
@media(min-width:821px){.topbar .menu-btn{display:none}}
@media(max-width:820px){:root{--side:0px}.main-shell{padding-left:0;width:100%;min-width:0}.topbar .menu-btn{display:grid}.sidebar{max-width:min(85vw,275px)}.mobile-scrim{z-index:39}.sidebar{z-index:40}}
@media(max-width:620px){.main-shell{min-width:0;width:100%}.topbar-left{min-width:0}.breadcrumb{font-size:9px;line-height:1.25}.topbar-right{flex-shrink:0}.topbar{gap:8px}.hero h1{overflow-wrap:normal}.hero-art.hero-scene{overflow:hidden}.category-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-launch{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Interactive Flat Panels and conference displays: deliberate larger targets and typography. */
@media(min-width:1700px){:root{--side:302px}body{font-size:17px}main{max-width:2440px;padding:47px 52px 86px}.sidebar{padding:38px 22px 22px}.brand-type strong{font-size:29px}.brand-type small{font-size:13px}.nav-item{font-size:15px;padding:16px;min-height:55px}.side-label{font-size:12px}.workspace-tag{font-size:11px}.topbar{height:93px}.global-search{height:53px;width:340px}.global-search input{font-size:14px}.topbar-create{height:52px;font-size:14px}.hero{min-height:485px}.hero-copy{padding:66px 0 50px 63px}.hero h1{font-size:clamp(54px,3.6vw,74px)}.hero-copy>p{font-size:16px;max-width:580px}.hero-art.hero-scene{min-height:475px}.hero-people-frame{height:389px}.hero-robot-frame{height:280px;top:85px}.launch-card{min-height:126px;padding:20px}.launch-card img{width:90px;height:86px}.launch-card b{font-size:16px}.launch-card small{font-size:12px}.section-head h2{font-size:32px}.category-tile{height:255px}.category-tile .cat-illustration{height:180px}.category-tile strong{font-size:18px}.category-tile small{font-size:12px}.card-cover{height:198px}.card-main h3{font-size:21px}.card-main p{font-size:14px;max-height:none}.card-kicker,.card-chip,.card-action{font-size:12px}.stat-card{min-height:130px}.stat-card strong{font-size:40px}.stat-card div>span{font-size:14px}.page-title h1{font-size:56px}.page-title p{font-size:16px}.field label,.field input,.field textarea,.field select{font-size:15px}.btn{font-size:15px;min-height:50px}.sidebar-bottom strong{font-size:20px}.sidebar-bottom p{font-size:13px}.site-footer{font-size:13px}}