:root{font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#e7eeec;background:#0c151d;color-scheme:dark;--panel:#131f29;--line:#2d414b;--muted:#9fb3bd;--mint:#8de0c2;--amber:#e7bd75}*{box-sizing:border-box}body{margin:0}[hidden]{display:none!important}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{touch-action:manipulation}button,select,summary{cursor:pointer}button{min-height:38px;padding:8px 12px;border:1px solid #405962;border-radius:7px;background:#20323d;color:#e9f4f0;font-weight:600;transition:background .12s,border-color .12s}button:hover{background:#2c4651;border-color:#7ea69f}button:disabled{opacity:.45;cursor:default}button.primary{color:#09271f;background:var(--mint);border-color:var(--mint)}button.primary:hover{background:#b3f2dc}button.quiet{background:transparent;font-weight:500}button:focus-visible,summary:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--amber);outline-offset:3px}input:not([type=range]):not([type=checkbox]),select,textarea{width:100%;padding:9px 10px;background:#0e1a23;border:1px solid #3d515d;border-radius:6px;color:#ecf4f0}select{min-height:41px}textarea{resize:vertical}input[type=range]{width:100%;accent-color:var(--mint);margin:7px 0 1px}input[type=checkbox]{accent-color:var(--mint);width:16px;height:16px;flex:none}label{display:block;color:#c0d0d5;font-size:12px;font-weight:650;margin:14px 0 6px}output{float:right;color:var(--mint);font-variant-numeric:tabular-nums}p{margin:7px 0 12px}h1,h2{line-height:1.2}h2{font-size:16px;font-weight:650;margin:5px 0 8px}small,.muted{font-size:12px;line-height:1.55;color:var(--muted)}.eyebrow{display:block;font-size:10px;letter-spacing:1.5px;font-weight:750;color:var(--mint)}.app-header{min-height:85px;display:flex;align-items:center;gap:20px;padding:16px 28px;border-bottom:1px solid var(--line);background:#111d26}.brand-logo{width:76px;height:48px;object-fit:contain}.brand strong{display:block;font-size:21px;font-weight:650;letter-spacing:-.4px}.brand strong span{font-weight:400;color:#b1c4cc}.project-identity{margin-left:auto;text-align:right;font-size:11px;letter-spacing:1.3px;color:#d6c49d}.project-identity small{display:block;font-size:11px;letter-spacing:0;color:var(--muted);margin-top:4px}main{display:grid;grid-template-columns:minmax(0,1fr) 370px;height:calc(100dvh - 85px)}.workspace{min-width:0;overflow-y:auto;background:#0c171f}.viewer{position:relative;min-height:550px;height:calc(100dvh - 303px);isolation:isolate;background:radial-gradient(ellipse at 48% 39%,#314d57 0,#192e3b 42%,#101f2a 78%);border-bottom:1px solid var(--line);overflow:hidden}.viewer:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(135deg,#ffffff04 1px,transparent 1px);background-size:26px 26px}.viewer-heading{position:absolute;z-index:2;top:25px;left:28px;right:25px;pointer-events:none}.viewer-heading h1{font-size:clamp(25px,3vw,40px);font-weight:580;letter-spacing:-1.1px;margin:8px 0 6px}.viewer-heading p{max-width:520px;color:#b4cad3;font-size:12px}.viewer canvas{position:absolute;left:0;top:113px;width:100%;height:calc(100% - 223px);display:block;touch-action:none}.viewer-caption{position:absolute;z-index:2;left:28px;right:24px;bottom:67px;display:flex;align-items:center;flex-wrap:wrap;gap:7px 12px;pointer-events:none;font-size:12px;line-height:1.4}.viewer-caption strong{font-weight:550;color:#d4e9e5}.viewer-caption>span:last-child{display:block;flex-basis:100%;font-size:10px;color:#abc0c8;max-width:760px}.view-pill{font-size:9px;letter-spacing:1.25px;background:#123a35;color:#a4e7ce;border:1px solid #37635a;border-radius:4px;padding:4px 6px}.viewport-tools{position:absolute;z-index:4;left:28px;right:24px;bottom:17px;display:flex;gap:8px;align-items:center}.viewport-tools span{margin-left:auto;font-size:10px;color:#a3bbc5}.viewport-tools button{font-size:12px;min-height:35px;padding:7px 10px}.loading{position:absolute;z-index:6;top:121px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:9px;background:#0d202cef;border:1px solid #4a706c;border-radius:7px;padding:10px 14px;font-size:12px;max-width:85%;box-shadow:0 4px 24px #0003}.spinner{width:14px;height:14px;border:2px solid #56716b;border-top-color:var(--mint);border-radius:50%;animation:spin 1s linear infinite;flex:none}@keyframes spin{to{transform:rotate(360deg)}}.load-error{position:absolute;z-index:9;left:25px;right:25px;top:125px;background:#372923f5;border:1px solid #c29d6d;padding:13px 16px;border-radius:8px;font-size:12px}.load-error p{margin:0 0 9px}.load-error button{font-size:12px;margin-right:5px}.part-callout{position:absolute;z-index:3;font-size:10px;color:#ddf5eb;background:#10242be8;border-left:2px solid var(--mint);padding:5px 8px;border-radius:0 4px 4px 0;pointer-events:none;max-width:170px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.section-heading h2{margin:0}.tag,.hold-badge{font-size:9px;letter-spacing:.7px;border-radius:4px;white-space:nowrap;padding:4px 6px;border:1px solid var(--line);color:#b5cbc9}.hold-badge{background:#322c1c;color:#e8c483;border-color:#5f5031}.growth-panel{padding:20px 27px 13px;background:#101e27;border-bottom:1px solid var(--line)}.growth-panel .section-heading h2{margin:5px 0 0;font-size:18px}.growth-summary{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#a5b8bd;margin:13px 0 12px}.growth-summary span:first-child{color:#d1e1de}.stage-choices{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}.stage-choice{padding:10px 5px 9px;min-height:68px;text-align:center;font-size:10px;font-weight:500;position:relative;background:#162630;border:1px solid #334953;border-radius:6px;line-height:1.25}.stage-choice .stage-number{display:block;font-size:10px;line-height:1;font-weight:750;color:#89a5af;margin-bottom:7px}.stage-choice small{display:block;font-size:8px;line-height:1.2;color:#8da7af;margin-top:4px}.stage-choice.active{background:#1a3935;border-color:#78bea6;color:#c4f2e2}.stage-choice.complete .stage-number{color:var(--mint)}.stage-choice.blocked .stage-number{color:#c7a46a}.growth-panel>p{margin:10px 0 0;font-size:10px;min-height:30px}.processing-monitor{padding:16px 27px;background:#0e1a23;border-bottom:1px solid var(--line);font-size:12px}.processing-monitor h2,.processing-monitor h3{font-size:14px}.processing-monitor p{font-size:11px}aside{min-width:0;overflow:auto;background:var(--panel);border-left:1px solid var(--line);padding:22px}.character-picker{padding-bottom:4px}.character-picker>label{margin-top:0;color:var(--amber);font-size:11px;letter-spacing:.5px}.character-picker select{font-weight:600}.character-picker p{font-size:11px}.control-section{padding-top:21px;margin-top:20px;border-top:1px solid var(--line)}.control-section .muted{font-size:11px}details{border-top:1px solid var(--line);padding-top:13px;margin-top:15px}details summary{list-style-position:outside;font-size:13px;font-weight:650;color:#d0e0e2;margin-left:13px}details[open] summary{margin-bottom:10px}.check{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:450;margin:13px 0}.check.inline{margin:0}.row{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin:12px 0}.row button{font-size:12px}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.angle-row{display:grid;grid-template-columns:minmax(0,1fr) 75px;gap:12px;align-items:center}.angle-row input[type=number]{padding:6px;font-size:12px}.keyframes{padding:0;list-style:none;max-height:235px;overflow:auto;margin:11px 0}.keyframes li{display:grid;grid-template-columns:1fr auto auto;gap:7px;align-items:center;padding:7px 9px;border:1px solid #334852;border-radius:5px;margin-bottom:5px;background:#101d26;font-size:11px}.keyframes button{font-size:10px;padding:3px 6px;min-height:27px}.keyframes small{font-size:10px}#parts{max-height:260px;overflow:auto;padding:3px 0}#parts .check{font-size:11px;margin:9px 0}#mechanismNote{margin-top:11px}#sourceReference{position:absolute;z-index:2;inset:121px 30px 119px;text-align:center}#sourcePhoto{height:calc(100% - 40px);max-width:100%;object-fit:contain;border-radius:5px}#sourceCaption{font-size:11px;color:#b4c6cd;max-width:540px;margin:8px auto}body.reference-view #viewport{visibility:hidden}#evidencePhoto{width:100%;max-height:400px;object-fit:contain;border-radius:6px}#processTranscript{font-size:12px;color:#bbcbd0;background:#0e1b25;padding:12px;border-left:2px solid #588a78;border-radius:3px}#replayProgress{width:100%;height:6px;margin-top:14px;accent-color:var(--mint);border:0;border-radius:5px;overflow:hidden}#replayProgress::-webkit-progress-bar{background:#2b444c}#replayProgress::-webkit-progress-value{background:var(--mint)}.sidebar-footer{border-top:1px solid var(--line);margin-top:24px;padding-top:20px;color:#819ca7;font-size:10px}.sidebar-footer strong{color:#acc6ce;font-size:11px}.sidebar-footer p{margin-top:6px}noscript{display:block;padding:25px;background:#382b22;color:#ffe1b2}
@media(min-width:1700px){main{grid-template-columns:minmax(0,1fr) 420px}.viewer{min-height:680px}.viewer canvas{top:120px;height:calc(100% - 240px)}}
@media(max-width:1150px){main{grid-template-columns:minmax(0,1fr) 330px}aside{padding:18px}.app-header{gap:13px;padding:15px 20px}.brand strong{font-size:18px}.project-identity{font-size:9px}.viewer-heading,.viewer-caption{left:22px}.viewport-tools{left:22px}.viewport-tools span{display:none}.stage-choices{grid-template-columns:repeat(4,minmax(0,1fr))}.stage-choice{min-height:58px}.stage-choice .stage-number{display:inline-block;margin:0 5px 0 0}.growth-panel,.processing-monitor{padding-left:21px;padding-right:21px}.growth-summary{display:block}.growth-summary span{display:block;margin-bottom:4px}}
@media(max-width:850px){.app-header{min-height:78px;padding:12px 18px}.brand-logo{width:60px;height:44px}.brand strong{font-size:17px}.project-identity small{display:none}main{height:auto;grid-template-columns:1fr}.workspace{overflow:visible}.viewer{height:71dvh;min-height:520px}aside{overflow:visible;border-left:0;border-top:1px solid var(--line);padding:24px;display:grid;grid-template-columns:1fr 1fr;column-gap:26px;align-items:start}.character-picker{grid-column:1/-1}.character-picker select{max-width:500px}.character-picker p{max-width:800px}.control-section{margin-top:15px}.sidebar-footer{grid-column:1/-1}.stage-choices{grid-template-columns:repeat(8,minmax(0,1fr))}.stage-choice .stage-number{display:block;margin:0 0 5px}.growth-summary{display:flex}.viewer-heading h1{font-size:32px}.processing-monitor{padding-bottom:19px}}
@media(max-width:560px){.app-header{align-items:center;gap:12px;padding:12px 15px;min-height:78px;flex-wrap:wrap}.brand-logo{width:58px;height:39px}.brand .eyebrow{font-size:8px;letter-spacing:1.1px}.brand strong{font-size:17px}.brand strong span{display:block;font-size:12px;letter-spacing:.1px}.project-identity{width:100%;margin:0;text-align:left;border-top:1px solid #2d424a;padding-top:8px;font-size:8px;letter-spacing:1.3px}.viewer{height:68dvh;min-height:500px}.viewer-heading{left:17px;right:17px;top:20px}.viewer-heading h1{font-size:27px;margin:7px 0}.viewer-heading p{font-size:11px;max-width:320px}.viewer-heading .eyebrow{font-size:9px}.viewer canvas{top:115px;height:calc(100% - 232px)}.viewer-caption{left:17px;right:17px;bottom:70px;font-size:10px;gap:6px}.viewer-caption>span:last-child{font-size:9px;line-height:1.4;max-height:38px;overflow:hidden}.viewport-tools{left:17px;right:17px;bottom:17px;gap:6px}.viewport-tools button{min-height:38px;font-size:11px;flex:1;padding:6px}.view-pill{font-size:8px}.growth-panel{padding:18px 16px 13px}.section-heading .hold-badge{font-size:8px;padding:4px}.growth-panel .section-heading h2{font-size:17px}.growth-panel .eyebrow{font-size:8px;letter-spacing:1px}.growth-summary{display:block;line-height:1.45}.stage-choices{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.stage-choice{font-size:9px;min-height:57px;padding:8px 4px}.stage-choice .stage-number{font-size:9px;display:inline-block;margin:0 4px 5px 0}.stage-choice small{font-size:8px}.processing-monitor{padding:16px}.part-callout{font-size:8px;max-width:115px;padding:4px 5px}aside{display:block;padding:22px 18px}.control-section{padding-top:22px;margin-top:22px}.character-picker select{max-width:none}.loading{top:125px;width:max-content;max-width:90%;font-size:10px;padding:9px 11px}.load-error{top:125px;left:15px;right:15px}#sourceReference{inset:121px 18px 125px}#sourceCaption{font-size:10px}.field-pair{gap:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.spinner{animation:none}}
.source-mode-notice{margin:13px 0;padding:12px;border:1px solid #416359;border-radius:6px;background:#16332f}.source-mode-notice>strong{font-size:12px;color:#c7e9dc}.source-mode-notice .muted{margin:7px 0 10px;color:#b1c9c1}.source-mode-notice button{font-size:11px}.stage-progress{margin:7px 0 12px}.stage-progress label{font-size:10px;margin:0 0 5px;font-weight:500;color:#a7c0c4}.stage-progress progress{display:block;width:100%;height:5px;accent-color:var(--mint);border:0;border-radius:4px;overflow:hidden}.stage-progress progress::-webkit-progress-bar{background:#2c444b}.stage-progress progress::-webkit-progress-value{background:var(--mint)}
.mobile-tools-shell{display:none}
@media(max-width:850px){
  .mobile-tools-shell{display:block;position:sticky;top:env(safe-area-inset-top,0px);z-index:30;background:#101d26f5;border-bottom:1px solid #38505a;box-shadow:0 5px 18px #0005;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
  .mobile-tool-row{display:flex;align-items:center;gap:7px;min-height:56px;padding:6px 9px 6px 0}
  .mobile-tool-strip{display:flex;align-items:center;gap:6px;flex:1;min-width:0;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#55766f transparent;padding:3px 4px 3px 12px;touch-action:pan-x pan-y}
  .mobile-tool{display:flex;align-items:center;gap:3px;flex:none;position:relative}
  .mobile-tool button{min-height:39px;border-radius:7px;border:1px solid #405761;background:#172a34;color:#e4eeeb;padding:7px 10px;font:600 11px/1.1 system-ui,sans-serif;white-space:nowrap;touch-action:manipulation}
  .mobile-tool button:disabled{opacity:.5;cursor:not-allowed}
  .mobile-tool .mobile-info{width:28px;min-width:28px;height:28px;min-height:28px;padding:0;border-radius:50%;border-color:#6d9586;color:#b7ecd8;background:#15312d;font-size:13px;font-weight:750}
  .mobile-tool button:focus-visible,.mobile-help-toggle:focus-visible,.mobile-guide-heading button:focus-visible{outline:3px solid #b5efdb;outline-offset:2px}
  .mobile-help-toggle{flex:none;min-height:42px;padding:8px 12px;border-radius:7px;border:1px solid #78bda4;background:#173b34;color:#d5f6e8;font:700 12px system-ui,sans-serif;touch-action:manipulation}
  .mobile-tooltip{position:fixed;z-index:60;width:min(300px,calc(100vw - 24px));padding:10px 12px;border:1px solid #77a995;border-radius:7px;background:#0c1b22;color:#eef8f4;box-shadow:0 8px 28px #0009;font:12px/1.45 system-ui,sans-serif;pointer-events:none}
  .mobile-tool-guide{position:absolute;top:calc(100% + 6px);right:8px;z-index:55;width:min(390px,calc(100vw - 16px));max-height:min(65dvh,520px);overflow:auto;padding:14px 16px 16px;border:1px solid #618477;border-radius:9px;background:#10212a;color:#e3eeeb;box-shadow:0 12px 34px #000b;overscroll-behavior:contain}
  .mobile-guide-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}
  .mobile-guide-heading h2{font-size:15px;margin:0}
  .mobile-guide-heading button{min-height:34px;padding:6px 10px}
  .mobile-tool-guide dl{display:grid;grid-template-columns:104px 1fr;gap:7px 12px;margin:0;font-size:11px;line-height:1.45}
  .mobile-tool-guide dt{color:#b8e8d6;font-weight:700}
  .mobile-tool-guide dd{margin:0;color:#c4d4d7}
  .mobile-tool-guide[hidden],.mobile-tooltip[hidden]{display:none}
  .viewport-tools{display:none}
  #modelControls,#motionControls{scroll-margin-top:76px}
}
@media(max-width:380px){.mobile-tool-row{gap:4px}.mobile-tool-strip{gap:4px;padding-left:8px}.mobile-tool button{padding-inline:8px;font-size:10px}.mobile-tool .mobile-info{width:26px;min-width:26px;height:26px;min-height:26px}.mobile-help-toggle{padding-inline:9px;font-size:11px}.mobile-tool-guide dl{grid-template-columns:86px 1fr;gap:7px 9px}}

/* Dragonfire intro, cross-browser install guidance and a wrapping mobile dock. */
.desktop-help{min-height:36px;margin-left:8px;white-space:nowrap;border-color:#5a8378;background:#17352f;color:#d5f6e8;font-size:12px}
.desktop-help span{margin-left:5px;color:var(--mint)}
.dragonfire-intro{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:12px 24px;padding:17px 28px 13px;border-bottom:1px solid var(--line);background:linear-gradient(110deg,#132630,#101a22 65%)}
.intro-main{min-width:0}.intro-heading{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.beta-badge,.engine-badge{display:inline-flex;align-items:center;min-height:22px;padding:3px 8px;border-radius:99px;font-size:9px;font-weight:750;letter-spacing:.7px}.beta-badge{color:#09251e;background:var(--mint)}.engine-badge{color:#cad9df;background:#243843;border:1px solid #40535e}
.dragonfire-intro h1{margin:7px 0 2px;font-size:clamp(20px,2.4vw,28px);letter-spacing:-.45px}.intro-tagline{margin:0;color:#c4d7d8;font-size:13px;font-weight:650}.intro-summary{max-width:940px;margin:7px 0;color:#a9bdc3;font-size:11px;line-height:1.5}
.intro-flow{display:flex;flex-wrap:wrap;align-items:center;gap:5px 8px;margin-top:9px;color:#dbe9e7;font-size:10px}.intro-flow span:not([aria-hidden]){padding:5px 8px;border:1px solid #38544f;border-radius:5px;background:#112721}.intro-flow b{margin-right:4px;color:var(--mint);font-size:9px}.intro-flow [aria-hidden]{color:#7e9f97}
.intro-actions{display:flex;align-content:flex-start;align-items:center;flex-wrap:wrap;gap:6px;padding-top:3px}.intro-action{min-height:38px;padding:7px 10px;font-size:11px}.intro-action.primary{background:#9ae8ca;border-color:#9ae8ca}.intro-action-pair{display:flex;align-items:center;gap:4px}.intro-info{width:27px;min-width:27px;min-height:27px;height:27px;padding:0;border-radius:50%;border-color:#6d9586;color:#b7ecd8;background:#15312d;font-size:13px;font-weight:750}.intro-actions>a{display:inline-flex;align-items:center;min-height:31px;padding:5px 7px;color:#bfe8dc;text-decoration:none;border:1px solid #334a50;border-radius:5px;font-size:10px;line-height:1.3}.intro-actions>a:hover{background:#1c343a;text-decoration:underline}.community-principles{grid-column:1/-1;margin:0;padding:8px 10px;border:1px solid #30464c;border-radius:6px;background:#0f1e27}.community-principles>summary{margin:0;min-height:24px;color:#c5e9dc;font-size:11px}.community-copy{display:grid;grid-template-columns:1fr 1fr;gap:3px 18px;padding-top:6px}.community-copy p{margin:0;color:#afc2c8;font-size:10px;line-height:1.45}.community-copy .source-release-note{grid-column:1/-1;color:#e4c488}
.mobile-tools-shell{display:none}.mobile-info{flex:none;width:27px;min-width:27px;height:27px;min-height:27px;padding:0;border-radius:50%;border-color:#6d9586;color:#b7ecd8;background:#15312d;font-size:13px;font-weight:750}.character-picker{position:relative}.character-picker>.mobile-info{position:absolute;right:0;top:-5px}.mobile-tooltip{max-height:min(38vh,240px);overflow:auto}.mobile-tool-guide{position:fixed;top:92px;right:14px;z-index:65;width:min(470px,calc(100vw - 28px));max-height:min(70vh,560px);max-height:min(70dvh,560px);overflow:auto;padding:15px 17px 17px;border:1px solid #618477;border-radius:9px;background:#10212a;color:#e3eeeb;box-shadow:0 12px 34px #000b;overscroll-behavior:contain}.mobile-tooltip{position:fixed;z-index:75;width:min(300px,calc(100vw - 24px));padding:10px 12px;border:1px solid #77a995;border-radius:7px;background:#0c1b22;color:#eef8f4;box-shadow:0 8px 28px #0009;font:12px/1.45 system-ui,sans-serif;pointer-events:none}
.site-modal{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));background:#061017dc;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}.site-modal[hidden]{display:none}.site-modal-card{width:min(520px,100%);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow:auto;padding:17px 19px 19px;border:1px solid #54756e;border-radius:11px;background:#10202a;box-shadow:0 24px 80px #000b}.site-modal-card h2{margin:2px 0 0;font-size:18px}.modal-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.modal-close{flex:none;min-height:35px;padding:6px 10px;font-size:11px}.site-modal-card>p,.site-modal-card li{color:#c4d5d8;font-size:12px;line-height:1.55}.site-modal-card ul{padding-left:20px}.site-modal-card li+li{margin-top:7px}.video-modal-card{width:min(980px,100%)}.video-modal-card .eyebrow{font-size:9px}.video-frame{width:100%;aspect-ratio:16/9;margin-top:14px;background:#05090d;border-radius:7px;overflow:hidden}.video-frame iframe{width:100%;height:100%;border:0}.video-modal-card .muted{margin:9px 0 0}
#modelControls,#motionControls{scroll-margin-top:16px}
@media(max-width:1150px){.dragonfire-intro{grid-template-columns:minmax(0,1fr) 220px;padding-left:21px;padding-right:21px}.intro-actions>a{font-size:9px}}
@media(max-width:850px){.desktop-help{display:none}.dragonfire-intro{grid-template-columns:minmax(0,1fr) 220px;gap:8px 16px;padding:14px 18px 11px}.intro-flow{gap:4px}.intro-flow span:not([aria-hidden]){padding:4px 6px}.mobile-tools-shell{display:block;position:sticky;top:0;padding-top:env(safe-area-inset-top,0px);z-index:30;background:#101d26f7;border-bottom:1px solid #38505a;box-shadow:0 5px 18px #0005;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.mobile-tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:7px 10px 8px;margin:0;list-style:none}.mobile-tool{display:grid;grid-template-columns:minmax(0,1fr) 27px;align-items:center;gap:4px;min-width:0;position:relative}.mobile-tool button{min-width:0;min-height:40px;border-radius:7px;border:1px solid #405761;background:#172a34;color:#e4eeeb;padding:6px 7px;font:650 11px/1.1 system-ui,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;touch-action:manipulation}.mobile-tool .mobile-info{width:27px;min-width:27px;height:27px;min-height:27px;padding:0;border-radius:50%;border-color:#6d9586;color:#b7ecd8;background:#15312d;font-size:13px;font-weight:750}.mobile-tool button:disabled{opacity:.5;cursor:not-allowed}.mobile-tool button:focus-visible,.mobile-help-toggle:focus-visible,.mobile-guide-heading button:focus-visible,.intro-info:focus-visible{outline:3px solid #b5efdb;outline-offset:2px}.mobile-tool .mobile-help-toggle{grid-column:1/-1;width:100%;min-height:40px;padding:7px 10px;border-color:#78bda4;background:#173b34;color:#d5f6e8;font:700 11px system-ui,sans-serif}.mobile-tooltip{top:calc(env(safe-area-inset-top,0px) + 10px);left:12px}.mobile-tool-guide{top:calc(env(safe-area-inset-top,0px) + 115px);right:8px;width:min(460px,calc(100vw - 16px));max-height:min(62vh,500px);max-height:min(62dvh,500px)}.mobile-tool-guide dl{grid-template-columns:100px minmax(0,1fr);gap:7px 10px}.viewport-tools{display:none}#modelControls,#motionControls{scroll-margin-top:calc(env(safe-area-inset-top,0px) + 112px)}main{height:auto;grid-template-columns:1fr}.workspace{overflow:visible}.viewer{height:71vh;height:71dvh;min-height:460px}}
@media(max-width:560px){.dragonfire-intro{grid-template-columns:minmax(0,1fr);gap:7px;padding:12px 15px 10px}.intro-heading{gap:4px}.beta-badge,.engine-badge{min-height:20px;padding:3px 6px;font-size:8px;letter-spacing:.45px}.dragonfire-intro h1{font-size:21px;margin:6px 0 2px}.intro-tagline{font-size:11px}.intro-summary{margin:5px 0;font-size:10px}.intro-flow{display:grid;grid-template-columns:1fr auto 1fr;gap:4px 6px;font-size:9px}.intro-flow span:not([aria-hidden]){white-space:nowrap;text-align:center}.intro-flow span:nth-child(6){display:none}.intro-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:5px;padding-top:0}.intro-action-pair{min-width:0}.intro-action-pair .intro-action{flex:1;min-width:0}.intro-action{width:100%;min-height:37px;padding:6px 7px;font-size:10px}.intro-info{flex:none}.intro-actions>a{min-width:0;min-height:32px;justify-content:center;text-align:center;padding:4px;font-size:9px}.community-principles{padding:7px 9px}.community-principles>summary{font-size:10px}.community-copy{grid-template-columns:1fr;gap:6px}.community-copy p,.community-copy .source-release-note{grid-column:auto;font-size:10px}.mobile-tool-grid{gap:5px;padding:6px 8px 7px}.mobile-tool{grid-template-columns:minmax(0,1fr) 25px;gap:3px}.mobile-tool button{min-height:38px;padding:6px 5px;font-size:10px}.mobile-tool .mobile-info{width:25px;min-width:25px;height:25px;min-height:25px;font-size:12px}.mobile-tool .mobile-help-toggle{font-size:10px}.mobile-tool-guide{top:calc(env(safe-area-inset-top,0px) + 106px);padding:12px 13px}.mobile-tool-guide dl{grid-template-columns:86px minmax(0,1fr);gap:6px 8px;font-size:10px}.site-modal-card{padding:14px}.video-modal-card .modal-heading{align-items:center}.video-modal-card h2{font-size:15px}.viewer{height:68vh;height:68dvh;min-height:450px}}
@media(max-width:360px){.intro-flow{grid-template-columns:1fr auto 1fr;font-size:8px}.intro-flow span:not([aria-hidden]){padding:4px 3px}.mobile-tool-grid{gap:4px;padding-inline:6px}.mobile-tool button{font-size:9px;padding-inline:4px}.mobile-tool{grid-template-columns:minmax(0,1fr) 23px}.mobile-tool .mobile-info{width:23px;min-width:23px;height:23px;min-height:23px}}
@media(prefers-reduced-motion:reduce){.dragonfire-intro *, .mobile-tools-shell *, .site-modal *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* Keep complete names and the neutral pending-name label inside the mobile heading. */
@media(max-width:560px){.viewer-heading h1{font-size:clamp(20px,5.2vw,27px);overflow-wrap:anywhere}}
.engine-system-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:8px}.engine-system-cards article{min-width:0;padding:7px 8px;border:1px solid #30464d;border-radius:5px;background:#0e1b24}.engine-system-cards b{display:block;color:#bce9d9;font-size:9px;line-height:1.3}.engine-system-cards span{display:block;margin-top:3px;color:#a7bdc4;font-size:9px;line-height:1.4}.engine-status{margin:7px 0 0;color:#a8bdc2;font-size:9px;line-height:1.4}.engine-status strong{color:#e6c888}.modal-open{overflow:hidden}.intro-action.video-action{border-color:#708c82;background:linear-gradient(115deg,#24453e,#172b36);color:#e7f5ef}.intro-action.video-action:hover{background:linear-gradient(115deg,#315d52,#203c49)}
main{height:calc(100vh - 85px);height:calc(100dvh - 85px)}.viewer{height:calc(100vh - 303px);height:calc(100dvh - 303px)}.mobile-tooltip{max-height:240px;max-height:min(38vh,240px)}
@media(max-width:850px){.engine-system-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.engine-system-cards article{padding:6px 7px}.engine-system-cards b,.engine-system-cards span{font-size:9px}}
@media(max-width:560px){.intro-flow{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.intro-flow span[aria-hidden="true"]{display:none}.intro-flow span:not([aria-hidden]){white-space:normal;text-align:left}.engine-system-cards{gap:5px;margin-top:6px}.engine-system-cards article{padding:6px}.engine-system-cards b,.engine-system-cards span{font-size:8px}.engine-status{font-size:8px}.site-modal{padding:calc(env(safe-area-inset-top,0px) + 12px) 10px calc(env(safe-area-inset-bottom,0px) + 12px)}}