/* panXy single-screen forms. Uiverse zanina-yassine tabs informed grouping;
   native buttons preserve keyboard/focus semantics. No hidden-radio recipe copied. */
.studio-page{font-size:14px;line-height:1.5;background:#f5f7fb}
.studio-page .container{width:calc(100% - 32px);max-width:1480px;height:100dvh;display:flex;flex-direction:column;gap:6px}
.studio-page .site-header{min-height:44px;height:44px;gap:12px;flex-shrink:0}.studio-page .brand{font-size:18px;min-height:40px}.studio-page .brand-mark{width:29px;height:29px;font-size:21px}.studio-page .brand-logo{width:79px}.studio-page .brand-suffix{font-size:12px}.studio-page .header-link{min-height:34px;padding:5px 12px;font-size:12px}
.studio-page .mode-banner{margin:0;padding:4px 10px;font-size:12px;line-height:1.5;border-radius:5px}.studio-page .site-footer{margin:0;padding:4px 0;font-size:11px;line-height:1.5;display:flex;justify-content:space-between;gap:8px;flex-shrink:0}
.studio-page main,.studio-page #workspace,.studio-page #orders-panel{display:flex;flex-direction:column;flex:1;min-height:0}
.studio-page .panel{padding:16px;border-radius:9px;margin:0;min-width:0}.studio-page .section-heading{margin:0;align-items:center;gap:12px}.studio-page h1{font-size:28px;margin:0;line-height:1.3}.studio-page h2{font-size:21px;margin:0;line-height:1.35}.studio-page h3{font-size:16px;margin:0 0 8px;line-height:1.4}.studio-page p{margin:0 0 8px}.studio-page .help,.studio-page .small{font-size:12px;line-height:1.5;margin:0}.studio-page .eyebrow{font-size:11px;letter-spacing:.06em}.studio-page .label-note{font-size:11px;font-weight:400;color:var(--muted);line-height:1.4;margin-left:5px}.studio-page .optional{font-size:11px;font-weight:400;color:var(--muted)}
.studio-page .button{min-height:40px;padding:7px 13px;font-size:13px;line-height:1.5}.studio-page .status-message{margin:0;padding:7px 10px;font-size:12px;line-height:1.5}.studio-page .status-message:empty{display:none}.studio-page .actions{gap:8px}.studio-page .form-stack{display:flex;flex-direction:column;gap:12px}.studio-page .form-grid{gap:12px}.studio-page .field>label{font-size:13px;margin-bottom:5px}.studio-page legend{font-size:14px;margin-bottom:8px}.studio-page input:not([type=radio]):not([type=checkbox]),.studio-page select{min-height:40px;padding:7px 10px;font-size:14px}.studio-page textarea{min-height:100px;height:100px;max-height:100px;resize:none;padding:9px 10px;font-size:14px;line-height:1.5}.studio-page input[type=file]{font-size:13px;padding:6px}.studio-page input[type=file]::file-selector-button{min-height:36px;padding:5px 10px;font-size:13px}.studio-page .check-label{font-size:12px;line-height:1.5;min-height:40px;align-items:flex-start}.studio-page .check-label input{width:18px;height:18px}
.studio-welcome{display:grid;grid-template-columns:1fr minmax(390px,.95fr);gap:50px;align-items:center;flex:1;min-height:0}.welcome-copy{padding:10px 18px;display:flex;flex-direction:column;gap:18px}.welcome-copy h1{font-size:clamp(29px,3.3vw,46px);line-height:1.35}.welcome-copy .intro{font-size:15px;line-height:1.7}.studio-workflow{list-style:none;padding:0;margin:0;display:grid;gap:14px}.studio-workflow li{display:flex;gap:12px}.studio-workflow li>span{font:18px Georgia;color:var(--orange)}.studio-workflow strong{display:block;font-size:14px}.studio-workflow small{display:block;font-size:12px;color:var(--muted)}.welcome-examples .actions{margin-top:8px}.welcome-mobile-nav{display:none}.auth-panel{display:flex;flex-direction:column;gap:12px;max-width:620px;width:100%;justify-self:end}.auth-switch,.screen-tabs{display:flex;gap:4px;background:#f1f4f8;padding:4px;border-radius:7px}.auth-switch .button,.screen-tabs button{flex:1;background:none;border:0;font-size:13px;min-height:36px;padding:6px 12px;white-space:nowrap}.auth-switch .soft,.screen-tabs button[aria-pressed=true]{background:#fff;color:var(--blue);box-shadow:0 1px 4px #17253b15}.auth-panel #auth-form{min-height:0}.form-page{display:flex;flex-direction:column;gap:12px}.form-page-actions{display:flex;justify-content:flex-end;gap:9px;padding-top:8px;margin-top:3px}.form-page-actions>button:first-child:not(:last-child){margin-right:auto}.step-caption{color:var(--blue)!important}.contact-grid{grid-template-columns:minmax(130px,.6fr) 1.4fr}.word-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.recovery-help{font-size:12px!important;line-height:1.5!important}
.workspace-nav{display:flex;align-items:center;gap:8px;min-height:42px;padding:0 0 6px;flex-shrink:0}.workspace-nav .button{min-height:36px;padding:6px 14px}.workspace-nav .help{margin-left:auto;font-size:11px}.new-panel{flex:1;min-height:0;display:flex;flex-direction:column;gap:10px}.new-panel>.section-heading .eyebrow{display:none}.draft-row{display:flex;align-items:center;gap:10px;justify-content:space-between}.draft-row .button{min-height:30px;padding:3px 9px;font-size:11px}.draft-row .help{font-size:11px}.creation-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;flex-shrink:0}.creation-steps button{display:flex;align-items:center;gap:7px;min-height:34px;text-align:left;background:none;border:0;border-bottom:2px solid var(--line);padding:5px 0;font-size:13px;color:var(--muted)}.creation-steps button[aria-current=step]{color:var(--blue);border-color:var(--blue);font-weight:700}.creation-steps button span{width:21px;height:21px;display:grid;place-items:center;background:#eaf0f8;border-radius:50%;font-size:12px}.creation-steps button[aria-current=step] span{background:var(--blue);color:#fff}
#upload-form,#upload-fields{display:flex;flex:1;min-height:0;flex-direction:column;gap:10px}.creation-page{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center}.creation-columns{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.8fr);gap:26px;align-items:start;width:100%}.creation-columns>.form-stack{gap:16px}.creation-actions{display:flex;align-items:center;gap:9px;flex-shrink:0;padding-top:9px;border-top:1px solid var(--line)}.creation-actions #create-next,.creation-actions #upload-submit{margin-left:auto}.creation-actions .small{font-size:11px}.subject-options,.background-options{display:flex;flex-wrap:wrap;gap:8px}.subject-options label,.background-options label{display:flex;align-items:center;gap:7px;min-height:40px;border:1px solid var(--line);padding:6px 11px;border-radius:6px;font-size:13px}.subject-options label:has(input:checked),.background-options label:has(input:checked){border-color:var(--blue);background:#f4f8ff}.subject-options span{font-size:11px;color:var(--muted)}.subject-options input,.background-options input{accent-color:var(--blue);width:17px;height:17px;margin:0}.service-options{gap:10px}.service-option{padding:13px;gap:9px;min-height:140px}.service-option input{width:18px;height:18px}.service-option strong{font-size:16px}.service-option small{font-size:12px;line-height:1.5}.plan-price{display:block;margin-top:12px;font-size:13px;font-weight:700;color:var(--blue)}.premium-option{border-color:#d1b467;background:#fffcf3}.premium-option:has(input:checked){background:#fffcf3;border-color:#956414;box-shadow:inset 0 0 0 1px #956414}.premium-option strong,.premium-heading{color:#815411}.premium-option input{accent-color:#926012}.premium-tag{display:inline-block;font-size:10px;font-weight:800;color:#795119;background:#f4e7bb;border-radius:4px;padding:2px 5px;margin-bottom:4px}.premium-option small{color:#685937}.premium-option .plan-price{color:#805717}.showcase-panel{border-left:1px solid var(--line);padding-left:22px;display:flex;flex-direction:column;gap:9px}.showcase-panel h3{margin:0}.example-buttons{display:grid;gap:9px}.example-buttons .button{display:flex;justify-content:space-between;text-align:left;gap:10px;padding:10px 12px}.example-buttons small{font-size:11px;font-weight:400;color:var(--muted)}.upload-box{padding:15px}.upload-box .help{margin-top:8px}.scope-note{background:#fff6ed;color:#8d451e;padding:8px 10px;margin-top:9px!important;border-radius:5px;font-size:12px}.upload-explanation{display:flex;flex-direction:column;gap:12px;color:var(--muted);padding:12px 0}.upload-explanation h3{color:var(--ink)}.confirmation-card{padding:15px;border:1px solid #cfdbf0;border-radius:7px;background:#f5f8ff}.confirmation-card h3{margin:7px 0;overflow-wrap:anywhere}.confirmation-card ol{font-size:13px;line-height:1.8;padding-left:20px;margin:8px 0}.confirmation-card .small{margin-bottom:7px}.delay-notice{color:#934510;background:#fff3e6;font-weight:750;font-size:12px;padding:6px 9px;border-radius:5px;margin:8px 0!important}.inline-delay{display:inline;padding:2px 5px;font-size:11px;margin-left:3px!important}.design-controls{gap:9px!important}.design-controls fieldset>legend{display:none}
.preset-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:9px}.preset-card{position:relative;border:1px solid var(--line);padding:8px;border-radius:6px;cursor:pointer;display:grid;gap:4px}.preset-card:has(input:checked){border-color:var(--blue);background:#f4f8ff}.preset-card input{position:absolute;right:8px;top:8px;width:17px;height:17px}.preset-card strong{font-size:12px}.preset-card small{font-size:11px;color:var(--muted)}.preset-swatch{height:48px;background:#f7fbff;border-top:5px solid #3266be;border-radius:3px}.preset-card[data-preset=math-grid] .preset-swatch{background:repeating-linear-gradient(0deg,transparent 0 9px,#dce8f4 10px),repeating-linear-gradient(90deg,#faffff 0 9px,#dce8f4 10px);border-color:#246b8a}.preset-card[data-preset=math-air] .preset-swatch{background:radial-gradient(ellipse at 90% 0,#d9ecfa 0 25%,#fff 26%);border-color:#4284bc}.preset-card[data-preset^=english] .preset-swatch{border-color:#b92c3f;background:#fff9f9}.preset-card[data-preset=english-coral] .preset-swatch{border-color:#c95a4b;background:#fff8f3}.preset-card[data-preset=english-wine] .preset-swatch{border-color:#84253d;background:#fff9fa}.theme-sample{display:flex;align-items:center;min-height:84px;border:1px solid var(--line);border-top:3px solid #3266be;background:#fff;padding:12px;border-radius:4px}.theme-sample strong{display:block;font-size:17px;margin:4px 0}.theme-sample span{font-size:11px;color:var(--blue)}.theme-sample[data-theme=english-red]{border-top-color:#b92c3f}.theme-sample img{max-width:100%;max-height:90px}.image-use-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.image-use-options label{display:flex;gap:8px;border:1px solid var(--line);padding:10px;border-radius:6px;font-size:12px;cursor:pointer}.image-use-options label:has(input:checked){border-color:var(--blue);background:#f5f8ff}.image-use-options input{flex:0 0 auto;margin-top:3px}.image-use-options small{display:block;font-size:11px;color:var(--muted);margin-top:4px}.template-example{display:grid;grid-template-columns:minmax(0,1fr) 14px minmax(0,1fr);gap:7px;align-items:start}.template-example>.eyebrow,.template-example>h3,.template-example>.help{grid-column:1/-1}.template-example figure{margin:0;grid-row:3;min-width:0}.template-example figure:first-of-type{grid-column:1}.template-example figure:last-of-type{grid-column:3}.template-example img{display:block;width:100%;max-height:170px;object-fit:contain;border:1px solid var(--line);border-radius:4px}.template-example figcaption{font-size:11px;color:var(--muted);line-height:1.5;margin-top:5px}.template-arrow{grid-row:3;grid-column:2;align-self:center;transform:rotate(-90deg);font-size:12px}
.account-panel{flex:1;min-height:0;display:flex;flex-direction:column;gap:14px}.account-top{display:flex;align-items:center;gap:30px;margin:10px 0}.account-top>div:first-child{flex:1}.account-top h1{font-size:25px;margin:5px 0}.account-top .small{margin:4px 0}.balance-summary{display:flex;flex-direction:column;gap:3px}.balance-summary strong{font-size:30px;color:var(--blue)}.balance-summary small{font-size:11px;color:var(--muted)}.account-panel #edit-profile{margin-top:10px}.account-panel #profile-form{width:min(100%,700px);align-self:center;gap:12px}.ledger-details{margin:0;border:0}.ledger-details>summary{display:none}.ledger-list,.feedback-list,.quote-items{list-style:none;margin:0;padding:0;display:grid;gap:10px}.ledger-list li{display:flex;justify-content:space-between;align-items:center;padding:10px;border-bottom:1px solid var(--line);gap:15px;font-size:13px}.ledger-list li>div{display:flex;flex-direction:column}.ledger-list small{font-size:11px;color:var(--muted)}
.orders-heading{padding:0 0 7px;flex-shrink:0}.orders-heading h2{font-size:18px;flex:1}.orders-heading .button{min-height:34px;padding:5px 10px}.studio-orders-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:12px;flex:1;min-height:0}.order-sidebar{display:flex;flex-direction:column;gap:10px;padding:10px!important}.order-list{display:grid;gap:8px}.order-item{border:1px solid var(--line);padding:11px;text-align:left;background:#fff;border-radius:6px;display:flex;flex-direction:column;gap:5px;min-height:0;font-size:13px}.order-item[aria-pressed=true]{border-color:var(--blue);background:#f4f8ff}.order-item strong{font-size:13px;overflow-wrap:anywhere}.order-item small{font-size:11px;line-height:1.4;color:var(--muted)}.badge{font-size:11px;display:inline-flex;align-items:center;padding:3px 7px;background:#edf3ff;color:var(--blue);border-radius:4px;width:fit-content}.badge.done{background:#eaf5ee;color:#28634f}.badge.closed{color:var(--muted);background:#eef0f3}.order-detail{padding:0!important;display:flex;flex-direction:column;min-height:0}.customer-detail-tabs{display:flex;gap:20px;padding:0 15px;border-bottom:1px solid var(--line);flex-shrink:0}.customer-detail-tabs button{border:0;border-bottom:2px solid transparent;background:none;color:var(--muted);font-size:13px;min-height:40px;padding:8px 0;white-space:nowrap}.customer-detail-tabs button[aria-pressed=true]{border-bottom-color:var(--blue);color:var(--blue);font-weight:700}.screen-subtabs{display:flex;align-items:center;gap:8px;padding:7px 15px 0;flex-shrink:0}.screen-subtabs:empty{display:none}.screen-subtabs button{font-size:12px;border:1px solid var(--line);background:#fff;min-height:32px;padding:5px 10px;border-radius:5px}.screen-subtabs button[aria-pressed=true]{color:var(--blue);background:#f0f5fe;border-color:#a9c1ed}.customer-detail-scroll{display:flex;flex-direction:column;flex:1;min-height:0;padding:12px 16px;gap:10px}.detail-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0}.detail-heading h2{font-size:18px;overflow-wrap:anywhere}.detail-heading .small{font-size:11px}.detail-section,.payment-box,.return-section{margin:0!important;padding:0;border:0;background:none;min-width:0}.detail-section .section-heading{margin-bottom:8px}.detail-section h3,.payment-box h3{font-size:16px}.price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:8px 0}.price-grid>div{display:flex;flex-direction:column;gap:5px}.price-grid span{font-size:12px;color:var(--muted)}.price-grid strong{font-size:28px;line-height:1.2}.payment-box{display:flex;flex-direction:column;gap:9px}.payment-box .help,.return-section .small{font-size:12px}.payment-box>p{font-size:13px}.payment-box .button{align-self:flex-start}.return-section{display:flex;flex-wrap:wrap;gap:10px}.return-section p{width:100%}.studio-progress{display:flex;list-style:none;margin:8px 0;padding:0;gap:12px;font-size:12px;color:var(--muted)}.studio-progress .current{color:var(--blue);font-weight:700}.studio-progress .complete{color:var(--green)}.job-list{display:flex;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.order-id{font-size:11px;color:var(--muted);overflow-wrap:anywhere}.preview-image-wrap{display:flex;justify-content:center;margin:0 0 10px;width:100%;height:clamp(150px,26vh,240px)}#preview-image{display:block;max-width:100%;max-height:100%;object-fit:contain;border:1px solid var(--line)}#preview-section{display:flex;flex-direction:column;align-items:flex-start}#preview-section>.section-heading{width:100%}#preview-section .button{min-height:40px}.quote-items li{padding:8px 0;border-bottom:1px solid var(--line);font-size:13px}.feedback-list>li{padding:11px;border:1px solid var(--line);border-radius:6px;font-size:13px}.feedback-list li p{line-height:1.6;overflow-wrap:anywhere;margin:6px 0 0}.feedback-meta{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:var(--muted)}.issue-analysis{background:#f5f8ff;padding:8px;border-radius:5px}.issue-actions{margin-top:8px}.pager{display:flex;gap:8px;align-items:center;justify-content:flex-end;margin-top:8px}.pager button{min-height:34px;font-size:12px;padding:5px 10px}.pager span{font-size:11px;color:var(--muted)}.text-pager{justify-content:flex-start;margin:5px 0 0}.empty-state{padding:18px;font-size:13px;align-content:center}#quote-section>p{margin-top:7px}#quote-section>.button{margin-top:12px;margin-right:8px}#special-form{display:flex;flex-direction:column;gap:10px}#special-form .actions{margin-top:4px}.customer-detail-scroll [data-section-hidden=true]{display:none!important}#feedback-form{gap:10px}#issue-summary{margin-bottom:9px}.waiting-section{min-height:0;flex:1;display:flex}.waiting-section .px-wait{width:100%;height:100%;min-height:0;max-height:none;padding:10px;gap:7px}.waiting-section .wr-games{min-height:0}.waiting-section .wr-game-board{min-height:130px}.waiting-section .wr-game{min-height:0}.order-detail.is-waiting #detail-description,.order-detail.is-waiting #detail-error:empty{display:none}.order-detail.is-waiting .customer-detail-scroll{gap:7px}.order-detail.is-waiting .detail-heading h2{font-size:16px}#switch-order{display:none}
@media(max-width:1100px){.studio-welcome{gap:22px}.welcome-copy{padding:0}.welcome-copy h1{font-size:34px}.creation-columns{gap:18px;grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr)}.showcase-panel{padding-left:16px}.example-buttons .button{flex-direction:column;align-items:flex-start;gap:3px;padding:9px 11px}.studio-orders-layout{grid-template-columns:180px minmax(0,1fr)}.customer-detail-tabs{gap:15px}.service-option{padding:10px}.service-option small{font-size:12px}.price-grid strong{font-size:25px}.waiting-section .wr-game{grid-template-columns:minmax(0,1fr) 150px}.waiting-section .wr-game-side{gap:3px}.waiting-section .wr-hint{display:none}}
@media(max-height:760px) and (min-width:761px){.studio-page .container{gap:4px}.studio-page .site-header{min-height:40px;height:40px}.studio-page .site-footer{font-size:10px;padding:2px 0}.studio-page .panel{padding:12px}.workspace-nav{min-height:39px}.new-panel{gap:7px}.new-panel h2{font-size:19px}.draft-row .button{min-height:28px}.creation-steps button{min-height:32px}.creation-columns>.form-stack{gap:11px}.service-option{min-height:132px}.service-option small{line-height:1.45}.plan-price{margin-top:8px}.showcase-panel{gap:6px}.example-buttons{gap:7px}.theme-sample{min-height:74px;padding:9px}.theme-sample strong{font-size:16px}.preset-swatch{height:34px}.template-example img{max-height:135px}.customer-detail-tabs button{min-height:36px}.customer-detail-scroll{padding:9px 12px;gap:8px}.screen-subtabs{padding-top:5px}.waiting-section .wr-tabs button{min-height:36px}.waiting-section .px-wait{padding:8px;gap:5px}.waiting-section .wr-copy{min-height:25px}.waiting-section .wr-game-board{min-height:125px}.waiting-section .wr-games{grid-template-rows:36px minmax(0,1fr)}.waiting-section .wr-main-actions{gap:4px}.waiting-section .wr-control{min-height:36px}.waiting-section .wr-direction{grid-template-rows:36px 36px}.waiting-section .wr-game-status{min-height:25px}.waiting-section .wr-game-score{min-height:20px}}
@media(max-width:760px){.studio-page .container{width:calc(100% - 20px);gap:5px}.studio-page .brand-suffix{display:none}.studio-page .site-header{min-height:40px;height:40px}.studio-page .mode-banner{font-size:11px;padding:4px 8px}.studio-page .site-footer{font-size:10px;line-height:1.35;flex-wrap:wrap;gap:2px}.studio-page .site-footer span:last-child{font-size:10px}.studio-page .panel{padding:12px}.studio-page h2{font-size:19px}.studio-page .button{min-height:40px;font-size:12px;padding:7px 10px}.studio-page .label-note{font-size:11px}.studio-welcome{display:flex;flex-direction:column;gap:10px;justify-content:center;align-items:stretch}.welcome-mobile-nav{display:flex;gap:8px;flex-shrink:0}.welcome-mobile-nav button{flex:1}.welcome-copy{gap:16px;padding:12px 4px}.welcome-copy h1{font-size:31px}.welcome-copy .intro{font-size:14px}.studio-workflow{gap:13px}.auth-panel{max-width:none;gap:10px}.auth-panel .form-page{gap:12px}.auth-switch .button{font-size:12px;min-height:36px;padding:5px 6px}.auth-panel .form-grid{gap:9px}.contact-grid{grid-template-columns:110px minmax(0,1fr)}.word-grid{grid-template-columns:1fr!important;gap:8px!important}.word-grid .field{display:grid;grid-template-columns:75px minmax(0,1fr);gap:7px;align-items:center}.word-grid label{margin:0!important}.form-page-actions{padding-top:4px}.workspace-nav{min-height:40px;gap:5px;padding-bottom:3px}.workspace-nav .button{min-height:35px;padding:5px 8px;font-size:12px}.workspace-nav .help{display:none}.new-panel{gap:9px}.new-panel .section-heading .small{font-size:10px}.draft-row .help{font-size:10px;max-width:220px}.draft-row .button{font-size:10px;min-height:30px;padding:4px 6px;white-space:nowrap}.creation-steps{gap:6px}.creation-steps button{min-height:34px;gap:4px;font-size:11px;white-space:nowrap}.creation-steps button span{width:17px;height:17px;font-size:10px}.creation-columns{grid-template-columns:1fr;gap:12px}.creation-page{justify-content:flex-start;padding-top:3px}.creation-columns>.form-stack{gap:11px}.subject-options label{min-height:36px;padding:5px 9px;font-size:12px}.subject-options span{font-size:10px}.service-options{gap:7px}.service-option{padding:10px 8px;gap:6px;min-height:150px}.service-option input{width:16px;height:16px}.service-option strong{font-size:15px}.service-option small{font-size:11px;line-height:1.5}.premium-tag{font-size:9px}.plan-price{font-size:12px;margin-top:9px}.showcase-panel{border-left:0;border-top:1px solid var(--line);padding:10px 0 0;gap:7px}.showcase-panel>.eyebrow,.showcase-panel>.help{display:none}.showcase-panel h3{font-size:14px}.example-buttons{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.example-buttons .button{padding:7px 5px;min-height:40px;display:block;text-align:center;font-size:12px}.example-buttons small{display:none}#english-examples{grid-template-columns:1fr}.upload-explanation{padding:0;gap:7px;font-size:13px}.upload-explanation h3{margin:0}.upload-box{padding:12px}.background-options{gap:6px}.background-options label{font-size:12px;padding:6px 8px;min-height:38px}.preset-card{padding:7px}.preset-card strong{font-size:11px}.preset-card small{font-size:10px}.preset-swatch{height:37px}.theme-sample{min-height:75px;padding:9px}.theme-sample strong{font-size:15px}.theme-sample span{font-size:10px}.template-example{gap:5px}.template-example>.eyebrow{display:none}.template-example h3{font-size:13px;margin:0}.template-example img{max-height:75px}.template-example figcaption{font-size:10px}.template-example>.help{font-size:10px}.template-example>.help:last-child{display:none}.image-use-options{gap:7px;grid-template-columns:1fr}.image-use-options label{padding:8px;font-size:12px}.image-use-options small{font-size:11px}.image-use-options~.delay-notice{font-size:11px}.design-controls:has(input[name=background-mode][value=image]:checked)+.template-example,.design-controls:has(input[name=background-mode][value=ppt]:checked)+.template-example{display:none}.confirmation-card{padding:10px}.confirmation-card .eyebrow{display:none}.confirmation-card h3{font-size:14px;margin:0 0 5px}.confirmation-card ol{display:none}.confirmation-card .small{font-size:11px;margin:3px 0}.confirmation-card .help{font-size:11px}.inline-delay{font-size:10px;padding:2px 4px}.creation-actions{padding-top:8px}.creation-actions .button{min-height:38px}.account-panel{gap:12px}.account-top{gap:12px;flex-wrap:wrap;margin:0}.account-top>div:first-child{flex-basis:100%}.account-top h1{font-size:23px}.account-top .balance-summary{flex:1}.balance-summary strong{font-size:28px}.account-panel #profile-form{gap:10px}.ledger-list li{padding:8px;font-size:12px}.orders-heading h2{font-size:16px}.orders-heading .button{font-size:11px;min-height:32px}.studio-orders-layout{display:flex;flex:1;min-height:0}.order-sidebar{width:100%;display:none}.studio-orders-layout.selecting-order .order-sidebar{display:flex}.studio-orders-layout.selecting-order .order-detail,.studio-orders-layout.selecting-order #detail-empty{display:none!important}.order-detail{width:100%;flex:1}.order-item{padding:12px;min-height:90px}.customer-detail-tabs{padding:0 8px;gap:0;justify-content:space-between}.customer-detail-tabs button{font-size:11px;min-height:38px;padding:7px 1px}.screen-subtabs{padding:7px 9px 0;gap:6px}.screen-subtabs button{font-size:11px;min-height:32px;padding:4px 8px}.customer-detail-scroll{padding:10px;gap:10px}.detail-heading h2{font-size:15px}.detail-heading .badge{font-size:10px;padding:3px 5px;flex-shrink:0}.detail-section h3,.payment-box h3{font-size:15px}.price-grid{gap:8px}.price-grid strong{font-size:22px}.price-grid span{font-size:11px}.preview-image-wrap{height:210px}.feedback-meta{flex-wrap:wrap;gap:4px}.feedback-list>li{padding:9px;font-size:12px}.pager{gap:5px}.pager button{min-height:34px}.waiting-section .px-wait{padding:8px;gap:6px;min-height:0;height:100%}.waiting-section .wr-game{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) 90px}.waiting-section .wr-game-board{min-height:150px}.waiting-section .wr-game-side{gap:3px}.waiting-section .wr-copy{font-size:11px;min-height:34px}.waiting-section .wr-hint{display:none}.waiting-section .wr-stage{font-size:12px}.waiting-section .wr-tabs button{font-size:10px}#switch-order{display:inline-flex}.order-detail.is-waiting .detail-heading h2{font-size:14px}.order-detail.is-waiting .customer-detail-scroll{gap:7px}}
@media(prefers-reduced-motion:reduce){.studio-page *{scroll-behavior:auto!important;transition:none!important}}

.studio-page .site-header .button{min-height:34px}
/* One state-driven workspace: portrait preview + the next meaningful action. */
.order-detail{--brand:var(--blue)}
.studio-page .order-journey .payment-box{padding:0}
.payment-code{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid var(--line);border-radius:6px;background:#fff}.payment-code img{width:136px;height:136px;object-fit:contain}.payment-code .help{max-width:320px}
.studio-page .order-journey .check-label{min-height:28px}
.journey-heading:has(#action-message:not(:empty)) #journey-description{display:none}
.order-journey{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,3vw,48px);flex:1;min-height:0;padding:14px 8px 6px}
.order-journey #preview-section{display:flex;flex-direction:column;align-items:stretch;min-height:0;gap:12px}
.order-journey #preview-title{font-size:14px;color:var(--muted)}
.order-journey .section-heading{margin:0}
.order-journey .preview-image-wrap{flex:1;height:auto;min-height:0;position:relative;background:#f4f7fc;border:1px solid var(--line);border-radius:12px;padding:14px;display:flex;align-items:center;justify-content:center}
.order-journey .preview-image-wrap img{position:absolute;inset:14px;width:calc(100% - 28px);height:calc(100% - 28px);max-height:none;max-width:none;object-fit:contain;border:0;filter:drop-shadow(0 3px 8px #142d5020)}
#preview-placeholder{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;text-align:center;padding:12px;max-width:100%}
#preview-placeholder strong{font-size:16px}.preview-placeholder-mark{display:block;color:var(--brand);width:42px;height:auto}
.journey-panel{display:flex;flex-direction:column;justify-content:center;gap:18px;min-width:0;min-height:0}
.journey-heading{display:flex;flex-direction:column;gap:6px}.journey-heading h3{font-size:clamp(20px,2.2vw,28px);line-height:1.35;margin:0;letter-spacing:-.02em}.journey-heading .eyebrow{font-size:12px;letter-spacing:.05em}.journey-heading p{margin:0;line-height:1.6}
.journey-prices{margin:0;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.journey-prices strong{font-size:clamp(21px,2.2vw,29px);line-height:1.4}.journey-prices span{font-size:12px}
.journey-actions{display:flex;flex-direction:column;gap:12px}.journey-actions:has(>button:not([hidden])){width:100%}.journey-actions:not(:has(>button:not([hidden]))){display:none}
.journey-panel .button{min-height:48px;justify-content:center;font-size:16px}.journey-panel .payment-box>.button{align-self:stretch}
.journey-panel .payment-box,.journey-panel .order-actions{gap:9px;margin:0}.journey-panel .payment-box h3{display:none}.journey-panel .payment-box p{margin:0}.journey-panel .actions{width:100%;gap:8px}.journey-panel .actions>*{flex:1}
.journey-panel .order-actions{display:flex;flex-wrap:wrap}.journey-panel .order-actions>.button{flex:1}.journey-panel .order-actions>.help{flex-basis:100%}
.journey-links{display:flex;align-items:center;flex-wrap:wrap;gap:4px 16px}.journey-link{border:0;background:none;padding:5px 0;color:var(--muted);font:inherit;font-size:13px;text-decoration:underline;text-underline-offset:4px;cursor:pointer;min-height:32px}.journey-link:hover{color:var(--brand)}.journey-link:focus-visible{outline:2px solid var(--brand);outline-offset:3px}
.journey-progress{display:flex;flex-direction:column;gap:7px}.journey-progress-caption{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:13px}.journey-progress-caption strong{color:var(--brand);font-size:19px}.journey-progress p{margin:0}
#journey-progress-bar{display:block;appearance:none;width:100%;height:9px;border:0;border-radius:6px;background:#e9eef7;overflow:clip}#journey-progress-bar::-webkit-progress-bar{background:#e9eef7;border-radius:6px}#journey-progress-bar::-webkit-progress-value{background:var(--brand);border-radius:6px}#journey-progress-bar::-moz-progress-bar{background:var(--brand);border-radius:6px}.journey-progress[data-paused=true] #journey-progress-bar::-webkit-progress-value{background:#8798af}
.order-journey.is-checkout .journey-panel{gap:12px}.order-journey.is-checkout .journey-heading h3{font-size:23px}.order-journey.is-checkout .journey-prices{padding:7px 0}.order-journey.is-checkout #interactive-preview{min-height:38px;font-size:14px}.order-journey #back-preview{align-self:flex-start}
@media(max-height:760px) and (min-width:761px){.order-journey{padding:2px 0;gap:22px}.journey-panel{gap:12px}.journey-heading h3{font-size:22px}.journey-heading .eyebrow{font-size:11px}.journey-heading p{font-size:13px}.journey-actions{gap:9px}.journey-prices{padding:7px 0}.journey-panel .button{min-height:42px;font-size:14px}.journey-links{gap:2px 13px}.order-journey.is-checkout .journey-panel{gap:7px}.order-journey.is-checkout .journey-heading .eyebrow{display:none}.order-journey.is-checkout .journey-heading h3{font-size:20px}.order-journey .check-label{font-size:13px;gap:8px}.order-journey.is-checkout #interactive-preview{min-height:34px}.order-journey.is-checkout .journey-prices strong{font-size:23px}.order-journey.is-checkout #back-preview{min-height:25px;padding:2px 0}}
@media(max-width:900px) and (min-width:761px){.studio-orders-layout{grid-template-columns:180px minmax(0,1fr)}.order-journey{gap:16px}.journey-panel{gap:13px}.journey-prices{gap:6px}.journey-prices strong{font-size:20px}}
@media(max-width:760px){.order-journey{display:flex;flex-direction:column;gap:12px;padding:0}.order-journey #preview-section{flex:1;min-height:110px;max-height:220px;gap:5px}.order-journey #preview-title{font-size:12px}.order-journey .section-heading .small{font-size:11px}.order-journey .preview-image-wrap{padding:6px}.order-journey .preview-image-wrap img{inset:6px;width:calc(100% - 12px);height:calc(100% - 12px)}.journey-panel{gap:10px;flex-shrink:0}.journey-heading h3{font-size:21px}.journey-heading .eyebrow{display:none}.journey-heading p{font-size:12px;line-height:1.5}.journey-actions{gap:8px}.journey-panel .button{min-height:42px;font-size:14px}.journey-prices{padding:6px 0}.journey-prices strong{font-size:23px}.journey-links{gap:2px 15px}.journey-link{min-height:29px;font-size:12px}.order-journey.is-checkout .journey-panel{gap:8px}.order-journey.is-checkout #preview-section{min-height:90px;max-height:120px}.order-journey .check-label{font-size:12px}.order-journey.is-checkout .journey-heading h3{font-size:19px}.order-journey.is-checkout #back-preview{min-height:24px;padding:2px 0}.order-journey #deposit-section{font-size:12px}#preview-placeholder{gap:5px}#preview-placeholder strong{font-size:14px}.preview-placeholder-mark{width:38px}}
/* Short desktop: reorganize the registration fields, never shrink or clip them. */
@media(max-height:650px) and (min-width:761px){
  .journey-heading .eyebrow{display:none}
  .order-journey.is-checkout .journey-panel{gap:5px}
  .order-journey.is-checkout .journey-prices{padding:3px 0}
  .order-journey.is-checkout .journey-prices>div{gap:2px}
  .order-journey.is-checkout .journey-prices strong{line-height:1.2}
  .order-journey.is-checkout #tail-section{gap:6px}
  .auth-panel [data-form-stage="account"]:has(#password-confirm-field:not([hidden])){display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .auth-panel #username-field,.auth-panel #display-name-field{grid-column:1/-1}
  .auth-panel{gap:9px}
  .waiting-section .wr-game{grid-template-columns:minmax(0,1fr) 320px}
  .waiting-section .wr-game-board{min-height:110px}
  .waiting-section .wr-game-side{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:24px 40px 44px;gap:4px 8px}
  .waiting-section .wr-game-score{grid-column:1;grid-row:1}
  .waiting-section .wr-game-status{grid-column:2;grid-row:1/3;min-height:0}
  .waiting-section .wr-main-actions{grid-column:1;grid-row:2}
  .waiting-section .wr-game-actions{grid-column:1/-1;grid-row:3;margin:0;grid-template-columns:185px minmax(0,1fr);align-items:center}
  .waiting-section .wr-hint{margin:0}
  .waiting-section .wr-direction{grid-template-columns:repeat(4,1fr);grid-template-rows:44px}
  .waiting-section .wr-direction [data-game-action]{grid-column:auto;grid-row:1;min-height:44px}
}

.detail-heading>div{min-width:0}.detail-heading h2,.order-item strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-item strong{max-width:100%}
.order-list{min-width:0;grid-template-columns:minmax(0,1fr)}.order-item{min-width:0;width:100%}.order-detail .detail-heading{min-width:0}
.theme-sample[data-preset=math-classic]{--sample-accent:#2563b9;background:#fbfdff}
.theme-sample[data-preset=math-grid]{--sample-accent:#285778;background-color:#fbfdff;background-image:radial-gradient(#cad9e2 .7px,transparent .7px);background-size:20px 20px}
.theme-sample[data-preset=math-air]{--sample-accent:#21688b;background:#fcfeff;border-top-width:5px}
.theme-sample[data-preset=english-classic]{--sample-accent:#b72f43;background:#fffafa}
.theme-sample[data-preset=english-coral]{--sample-accent:#ae4435;background:#fffdfb;border-top-width:5px}
.theme-sample[data-preset=english-wine]{--sample-accent:#8d304e;background:#fffafc;border-left:7px solid var(--sample-accent)}
.theme-sample[data-preset]{border-top-color:var(--sample-accent)}.theme-sample[data-preset] span{color:var(--sample-accent)}

/* The picker shows the same reading hierarchy and shared palette as delivery. */
.creation-page[data-create-page="3"]{justify-content:flex-start}
.creation-columns:has(.design-controls input[value=default]:checked){grid-template-columns:minmax(0,1fr)}
.preset-card .preset-swatch{display:block;height:68px;padding:7px;border:1px solid color-mix(in srgb,var(--sample-accent) 16%,white);border-top:0;border-radius:5px;background:var(--sample-paper);color:#273342;overflow:hidden}
.preset-card:has(input:checked) .preset-swatch{box-shadow:0 2px 9px #27334208}
.lesson-specimen{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:26px;text-align:left;color:#273342;font-size:14px;line-height:1.5}
.lesson-specimen>div{min-width:0}.specimen-article{border-right:1px solid color-mix(in srgb,var(--sample-accent) 20%,white);padding-right:22px}
.lesson-specimen .specimen-kicker{display:block;color:var(--sample-accent);font:600 10px/1.5 system-ui;letter-spacing:.1em;margin:0 0 7px}
.lesson-specimen .specimen-title{display:block;font:500 24px/1.2 Georgia,"Songti SC",serif;color:#26313a;margin:0 0 10px}
.lesson-specimen p{font:16px/1.6 Georgia,"Songti SC",serif;margin:0;max-width:40em}
.lesson-specimen mark{background:#f4e5b7;color:inherit;border-radius:2px}
.specimen-options{display:flex;gap:7px;margin:0 0 13px}.lesson-specimen .specimen-options span{flex:1;border:1px solid color-mix(in srgb,var(--sample-accent) 20%,white);border-radius:5px;padding:7px;color:#384654;font:12px/1.3 system-ui}
.lesson-specimen .specimen-step{font-size:16px;font-weight:600;line-height:1.5;color:var(--sample-accent)}.lesson-specimen .specimen-result{font-size:13px;margin-top:8px;color:#58616b}
.theme-sample[data-preset]{display:block;padding:13px 20px;background:var(--sample-paper);border:1px solid color-mix(in srgb,var(--sample-accent) 17%,white);border-radius:10px;min-height:0;box-shadow:0 5px 20px #293c4e05}
.theme-sample>div:not(.lesson-specimen){display:flex;align-items:baseline;gap:14px;margin-bottom:16px}.theme-sample #theme-label{font-size:12px;white-space:nowrap}.theme-sample #theme-title{font-size:17px;margin:0}.theme-sample #theme-description{margin:0 0 0 auto;font-size:12px;color:#6a7180}
.preset-swatch .is-mini{gap:9px;height:100%;pointer-events:none}.is-mini .specimen-article{padding-right:8px}.is-mini .specimen-kicker{font-size:5px;margin-bottom:4px}.is-mini .specimen-title{font-size:11px;margin-bottom:5px}.is-mini p{font-size:6px;line-height:1.55}.is-mini .specimen-options{gap:3px;margin-bottom:7px}.is-mini .specimen-options span{font-size:5px;padding:3px;border-radius:2px}.is-mini .specimen-step{font-size:7px;line-height:1.4}.is-mini .specimen-result{font-size:5px;margin-top:4px}
@media(max-height:720px) and (min-width:761px){.preset-card .preset-swatch{height:42px;padding:5px}.theme-sample[data-preset]{padding:10px 16px}.theme-sample>div:not(.lesson-specimen){margin-bottom:8px}.theme-sample .lesson-specimen .specimen-title{font-size:17px;margin-bottom:5px}.theme-sample .lesson-specimen p{font-size:12px;line-height:1.4}.theme-sample #theme-description{display:none}.theme-sample .specimen-options{margin-bottom:8px}.theme-sample .specimen-step{font-size:13px}.design-controls.form-stack{gap:7px}.creation-page[data-create-page="3"] .background-options label{min-height:32px}.creation-page[data-create-page="3"] .preset-card{padding:6px;gap:3px}.creation-page[data-create-page="3"] .preset-card>small{font-size:10px}}
@media(max-width:760px){.preset-card .preset-swatch{height:54px;padding:4px}.is-mini .specimen-lesson{display:none}.is-mini.lesson-specimen{grid-template-columns:1fr}.is-mini .specimen-article{border:0;padding:0}.preset-card small{font-size:10px}.theme-sample[data-preset]{padding:12px}.theme-sample>div:not(.lesson-specimen){display:block;margin-bottom:10px}.theme-sample #theme-title{font-size:15px}.theme-sample #theme-description{display:none}.theme-sample .lesson-specimen{gap:12px}.theme-sample .specimen-article{padding-right:10px}.theme-sample .specimen-title{font-size:17px}.theme-sample .lesson-specimen p{font-size:12px}.theme-sample .specimen-options{gap:3px}.theme-sample .specimen-options span{font-size:10px;padding:4px}.theme-sample .specimen-step{font-size:12px}.theme-sample .specimen-result{font-size:11px}}
.preset-swatch .lesson-specimen .specimen-title{font:500 10px/1.2 Georgia,serif;margin:0 0 4px}.preset-swatch .lesson-specimen p{font:6px/1.45 Georgia,serif;margin:0}.preset-swatch .lesson-specimen .specimen-step{font:600 6px/1.4 system-ui}.preset-swatch .lesson-specimen .specimen-result{font-size:5px;margin-top:3px}
.theme-sample .specimen-title{font-size:21px;margin-bottom:7px}.theme-sample .lesson-specimen p{font-size:14px;line-height:1.5}.theme-sample>div:not(.lesson-specimen){margin-bottom:12px}.design-controls>#theme-note{margin:0;font-size:11px;line-height:1.4}
.creation-page[data-create-page="3"] .design-controls{gap:8px}.theme-sample[data-preset]{padding:10px 18px}.theme-sample>div:not(.lesson-specimen){margin-bottom:8px}.preset-card .preset-swatch{height:58px}
@media(max-height:720px) and (min-width:761px){.preset-card .preset-swatch{height:32px}.theme-sample[data-preset]{padding:8px 14px}.theme-sample .specimen-kicker{display:none}.theme-sample .specimen-title{font-size:17px}.theme-sample .lesson-specimen p{font-size:12px}.theme-sample .specimen-step{font-size:12px}.theme-sample .specimen-options{margin-bottom:6px}.creation-page[data-create-page="3"] .design-controls{gap:6px}}

/* 2026-09-17: balanced welcome composition and three clear workspace destinations.
   From Uiverse.io by elijahwgummer-poc (honest-falcon-100): adapted shine layer.
   Only the decorative layer is clipped; no labels or controls are clipped. */
.studio-page{--ease-out:cubic-bezier(.23,1,.32,1)}
.studio-welcome{width:min(100%,1216px);margin-inline:auto;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(36px,5vw,80px)}
.welcome-copy{width:100%;max-width:560px;justify-self:center;padding:0;gap:22px}
.studio-page .welcome-copy h1{font-size:clamp(32px,3.3vw,46px);line-height:1.32;letter-spacing:-.035em}
.welcome-copy .intro{max-width:none}.studio-workflow{gap:15px}.welcome-examples{margin-top:2px}
.auth-panel{justify-self:center;max-width:540px;box-shadow:0 16px 50px -32px #173d7829}
.auth-panel #auth-step-label:empty{display:none}
.workspace-nav{gap:10px;padding:4px 0 9px;min-height:70px}
.studio-page .workspace-nav .workspace-action{position:relative;display:flex;align-items:center;justify-content:flex-start;gap:11px;min-width:168px;min-height:56px;padding:8px 15px;border-radius:11px;text-align:left;background:#fff;border-color:#d5dfed;box-shadow:0 2px 3px #1c437606;transition:transform 160ms var(--ease-out),border-color 160ms ease,box-shadow 160ms ease}
.studio-page .workspace-nav .workspace-action.primary{color:#fff;background:var(--blue);border-color:var(--blue);box-shadow:0 5px 12px -6px #245ec870}
.workspace-label{font-size:14px;font-weight:700;white-space:nowrap;line-height:1.4;position:relative;z-index:1}.workspace-label small{display:block;font-size:11px;line-height:1.5;font-weight:400;color:var(--muted);margin-top:2px}.primary .workspace-label small{color:#e0eaff}
.workspace-icon{width:30px;height:30px;display:grid;place-items:center;flex-shrink:0;border-radius:8px;background:#edf3ff;color:var(--blue)}.primary .workspace-icon{background:#ffffff20;color:#fff}.workspace-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#order-count{display:inline-grid;place-items:center;min-width:19px;padding:0 4px;border-radius:5px;font-size:11px;background:#eaf0fa;color:var(--blue);vertical-align:1px}.primary #order-count{background:#ffffff26;color:#fff}
.nav-glint{position:absolute;inset:0;pointer-events:none;border-radius:inherit;overflow:clip}.nav-glint:after{content:"";position:absolute;inset:-10% 0;width:50%;background:linear-gradient(100deg,transparent,#a9c8ff75,transparent);transform:translateX(-150%) skewX(-12deg);opacity:0}.primary .nav-glint:after{background:linear-gradient(100deg,transparent,#ffffff65,transparent)}
.workspace-nav.is-guiding .workspace-action{animation:workspace-lift 660ms var(--ease-out) both;animation-delay:120ms}.workspace-nav.is-guiding .workspace-action:nth-child(2){animation-delay:580ms}.workspace-nav.is-guiding .workspace-action:nth-child(3){animation-delay:1040ms}
.workspace-nav.is-guiding .nav-glint:after{animation:workspace-glint 660ms var(--ease-out) both;animation-delay:120ms}.workspace-nav.is-guiding .workspace-action:nth-child(2) .nav-glint:after{animation-delay:580ms}.workspace-nav.is-guiding .workspace-action:nth-child(3) .nav-glint:after{animation-delay:1040ms}
@keyframes workspace-lift{0%,100%{transform:translateY(0)}40%{transform:translateY(-3px)}}
@keyframes workspace-glint{0%{transform:translateX(-150%) skewX(-12deg);opacity:0}25%{opacity:1}100%{transform:translateX(300%) skewX(-12deg);opacity:0}}
@media(hover:hover) and (pointer:fine){.studio-page .workspace-nav .workspace-action:hover{transform:translateY(-1px);border-color:#9cb9e9;box-shadow:0 5px 12px -6px #245ec830}}
/* From Uiverse.io by cssbuttons-io (weak-firefox-5): layered light and press
   recipe, adapted to existing tokens with transform/opacity transitions.
   Spotlight follows the pointer without moving the label or hit target. */
.studio-page .workspace-nav .workspace-action{isolation:isolate}
.workspace-icon{position:relative;z-index:1}
.nav-glint{z-index:0}
.nav-spotlight{position:absolute;top:0;left:0;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,#6da5ff50 0%,#89b7ff22 38%,transparent 70%);opacity:0;transition:opacity 160ms ease}
.primary .nav-spotlight{background:radial-gradient(circle,#ffffff4d 0%,#c4deff24 38%,transparent 70%)}
.nav-impact{position:absolute;inset:1px;border-radius:inherit;background:radial-gradient(ellipse at center,#76aaff38,transparent 75%);box-shadow:inset 0 0 0 2px #92b9f580;opacity:0;transform:scale(.96);transition:opacity 160ms ease,transform 160ms var(--ease-out)}
.primary .nav-impact{background:radial-gradient(ellipse at center,#ffffff30,transparent 75%);box-shadow:inset 0 0 0 2px #ffffff7a}
.workspace-action.is-activated .nav-impact{opacity:1;transform:scale(1);transition-duration:100ms}
@media(hover:hover) and (pointer:fine){.workspace-action.has-spotlight .nav-spotlight{opacity:1}}
.studio-page .workspace-nav .workspace-action:active:not(:focus-visible){transform:scale(.97)}
@media(max-width:900px){.studio-welcome{display:flex;flex-direction:column;justify-content:center;gap:12px;width:min(100%,540px);align-items:stretch}.welcome-mobile-nav{display:flex;gap:8px}.welcome-mobile-nav button{flex:1}.welcome-copy{max-width:none;gap:18px;padding:12px 4px}.auth-panel{max-width:none}.studio-page .welcome-copy h1{font-size:clamp(31px,5.4vw,42px)}}
@media(max-width:760px){.workspace-nav{gap:6px;min-height:54px;padding:3px 0 6px}.studio-page .workspace-nav .workspace-action{flex:1;min-width:0;min-height:44px;padding:6px;gap:5px;justify-content:center;border-radius:8px}.workspace-icon{width:23px;height:26px;background:none;border-radius:5px}.workspace-icon svg{width:21px;height:21px}.workspace-label{font-size:12px}.workspace-label small{display:none}#order-count{min-width:14px;padding:0 2px;font-size:10px}.studio-page .welcome-copy h1{font-size:32px}}
@media(max-height:760px) and (min-width:761px){.workspace-nav{min-height:62px;padding:2px 0 6px}.studio-page .workspace-nav .workspace-action{min-height:52px;padding:6px 13px}.welcome-copy{gap:16px}.studio-workflow{gap:12px}.studio-page .welcome-copy h1{font-size:36px}}
@media(prefers-reduced-motion:reduce){.workspace-nav.is-guiding .workspace-action,.workspace-nav.is-guiding .nav-glint:after{animation:none}.studio-page .workspace-nav .workspace-action:hover,.studio-page .workspace-nav .workspace-action:active{transform:none}}
@media(prefers-reduced-motion:reduce){.studio-page .workspace-nav .workspace-action:active:not(:focus-visible){transform:none}.nav-spotlight,.nav-impact{display:none}}
@media(max-width:760px){.studio-page .site-header{min-height:42px;height:42px}}
@media(max-height:650px) and (min-width:761px){.workspace-nav{min-height:52px}.studio-page .workspace-nav .workspace-action{min-height:44px;padding:5px 13px}.workspace-label small{display:none}.studio-page .site-header{min-height:42px;height:42px}}
@media(max-width:760px){.new-panel>.section-heading{flex-direction:row;align-items:center;gap:8px}.new-panel>.section-heading>div{min-width:0;flex:1}.new-panel>.section-heading #clear-draft{white-space:nowrap;flex-shrink:0}.new-panel>.section-heading .label-note{display:block;margin-left:0;margin-top:3px}.service-option{min-height:112px}.service-option small{font-size:12px}.service-option strong{margin-bottom:4px}}

.record-filename{font-size:13px;line-height:1.6;overflow-wrap:anywhere;margin:8px 0!important}

/* MIT License

Copyright (c) 2023 Uiverse.io

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
 */
@media(max-height:650px) and (min-width:761px){.journey-panel{gap:8px}}

/* panXy sky-and-paper homepage v2. Original generated backdrop and real courseware.
   From Uiverse.io by MuhammadHasann (tough-tiger-78): pill/inset-light recipe,
   adapted without expanding pseudo-elements, all-property transitions or loops.
   MIT notice retained above. Only the decorative backdrop is bounded to its frame. */
.studio-page.is-visitor{background:#f7f6f2;color:#172222}
.studio-page.is-visitor .container{width:calc(100% - 24px);max-width:none;height:100dvh;padding:12px 0 5px;gap:5px}
.is-visitor>.container>.site-header,.is-visitor>.container>.site-footer{display:none}
.is-visitor>.container>main{order:0}.is-visitor #studio-mode{order:1;border:0;background:none;padding:1px 6px;min-height:18px;font-size:11px;line-height:1.45;color:#50646b;text-align:center}
.is-visitor #global-message{order:2}
.studio-welcome{isolation:isolate;position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;width:100%;max-width:none;min-height:0;gap:14px;padding:24px 38px 0;border:1px solid #d4e7e9;border-radius:30px;background:#b2dceb;box-shadow:0 18px 32px -27px #667a7970}
.home-sky{position:absolute;inset:0;z-index:-2;display:block;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:inherit;pointer-events:none}
.welcome-nav{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;gap:22px;min-height:66px;width:100%;padding:8px 12px 8px 26px;border:1px solid #ffffffc9;border-radius:999px;background:#edfbffa3;backdrop-filter:blur(16px);box-shadow:inset 0 1px 0 #fff8,0 10px 24px -20px #24515d80}
.welcome-nav button{font:inherit;font-weight:500;color:#142323;cursor:pointer;background:none;border:0;padding:10px 8px;min-height:44px;white-space:nowrap;border-radius:99px;transition:transform 150ms var(--ease-out),background-color 150ms ease}
.welcome-nav .home-brand{display:flex;align-items:center;gap:0;padding:0 2px;line-height:1;min-height:44px}
.welcome-nav .home-brand-logo{width:85px;color:#245ec8}
.brand-period{color:#426b71;margin-left:1px}.home-back{display:none;letter-spacing:0;font:18px system-ui;margin-right:9px}
.studio-welcome:not([data-view=intro]) .home-back{display:inline}
.home-links,.home-account{display:flex;align-items:center;gap:24px}.home-links button{font-size:16px}.home-account button{font-size:15px}
.welcome-nav .home-start{display:flex;align-items:center;gap:22px;background:#15211f;color:#fff;min-height:48px;padding:10px 24px;box-shadow:0 2px 3px #132c3720}
.welcome-nav button[aria-pressed=true]:not(.home-brand):not(.home-start){background:#ffffff80}
.welcome-nav button:focus-visible,.home-cta:focus-visible,.home-text-link:focus-visible,.home-product:focus-visible,.home-example:focus-visible{outline:3px solid #1d5686;outline-offset:4px}
.studio-welcome .welcome-copy{position:static;display:grid;grid-template-rows:auto minmax(0,1fr);width:100%;max-width:none;flex:1;min-height:0;margin:0;gap:24px;padding:28px 0 22px;align-self:stretch;justify-self:auto}
.home-heading{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;position:relative;z-index:1}
.studio-page .home-kicker{font-size:13px;font-weight:500;letter-spacing:.19em;color:#354f52;margin:0;line-height:1.5}
.studio-page .welcome-copy h1{font-family:"Songti SC","STSong",Georgia,serif;font-size:clamp(32px,3.1vw,46px);font-weight:400;line-height:1.35;letter-spacing:-.035em;color:#132d33;margin:0;padding:0;max-width:100%;text-wrap:balance;text-shadow:0 1px 12px #d6f5ff80}.home-title-break{display:none}

.home-actions{display:flex;align-items:center;gap:25px;margin-top:4px}
.home-cta{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:35px;border:1px solid #ffffffe0;border-radius:999px;min-height:54px;padding:12px 29px;background:#e8faffaf;backdrop-filter:blur(8px);box-shadow:inset 0 1px 0 #fff,0 12px 20px -13px #32626e80;color:#172b32;font:600 17px/1.4 system-ui,sans-serif;cursor:pointer;transition:transform 160ms var(--ease-out),box-shadow 160ms ease,background-color 160ms ease}
.home-text-link{border:0;background:none;padding:10px 0;min-height:44px;font:500 13px/1.4 system-ui,sans-serif;color:#274954;cursor:pointer;text-decoration:underline;text-underline-offset:5px}
.home-product-scene{position:relative;container-type:size;display:grid;place-items:start center;min-height:0;width:100%;isolation:isolate;padding-top:0}

.home-product{position:relative;width:min(88cqw,calc((100cqh - 38px)*2.133),1100px);max-width:100%;display:flex;flex-direction:column;padding:0;border:1px solid #e7eceb;border-radius:13px;background:#fff;box-shadow:0 20px 50px #26465c23,0 -3px 15px #fff8;cursor:pointer;transform-origin:50% 100%;transition:transform 200ms var(--ease-out);color:#364b54;min-width:0}
.home-product-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:34px;flex-shrink:0;padding:5px 15px;border-bottom:1px solid #e6ecee;background:#f7f9f8;border-radius:12px 12px 0 0;font-size:11px;font-weight:500;line-height:1.5}
.product-dots{display:flex;gap:5px}.product-dots i{width:6px;height:6px;border-radius:50%;background:#d4b19f}.product-dots i:nth-child(2){background:#dac78f}.product-dots i:nth-child(3){background:#a7c3ad}.product-divider{color:#a1b1b3;padding:0 8px}.product-open{color:#456779}
.home-product-image{display:block;width:100%;height:auto;aspect-ratio:1280/600;object-fit:contain;min-height:0;border:0;border-radius:0 0 12px 12px;pointer-events:none}
.studio-welcome .auth-panel{position:relative;align-self:center;justify-self:auto;max-width:490px;width:100%;margin:auto 0!important;padding:23px;gap:12px;border:1px solid #ffffffc9;border-radius:17px;background:#fffffff0;box-shadow:0 24px 50px -30px #294a5970}
.studio-welcome .auth-panel h2{font-size:23px;color:#233c44}.studio-welcome .auth-panel>.small{font-size:12px;color:#516b75}.studio-welcome .auth-panel:is([data-mode=register],[data-mode=recover])>.small:not(.step-caption){display:none}
.studio-welcome .auth-panel .auth-switch{background:#edf3f4}.studio-welcome .auth-panel input,.studio-welcome .auth-panel select{background:#fff;border-color:#c7d7de;border-radius:7px}
.studio-welcome .auth-panel .form-page-actions>button{min-height:42px}.studio-welcome .auth-panel #auth-submit{min-width:110px}
.home-subpage{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:25px;flex:1;min-height:0;padding:12px 0 24px;width:min(100%,1040px);margin:0 auto}
.home-subheading{text-align:center}.studio-page .home-subheading h2{font-family:"Songti SC",Georgia,serif;font-size:clamp(30px,3.5vw,46px);line-height:1.35;letter-spacing:-.04em;color:#182f34;margin:9px 0}.studio-page .home-subheading>p:last-child{font-size:14px;color:#385762;margin:0}
.home-example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:100%;max-width:840px;min-height:0}
.home-example{display:flex;flex-direction:column;align-items:stretch;text-align:left;gap:12px;min-width:0;padding:25px;border:1px solid #ffffffe0;border-radius:12px;background:#f3f9ffff;box-shadow:0 20px 35px -27px #26455870;cursor:pointer;color:#264c73;transition:transform 180ms var(--ease-out)}
.example-english{background:#fcf2e9;color:#765044}.example-subject{font-size:11px;letter-spacing:.14em;font-weight:500}.home-example strong{font-family:"Songti SC",Georgia,serif;font-size:28px;font-weight:600;line-height:1.4}.example-drawing{height:150px;width:100%;display:block}.example-sentence{display:flex;flex-direction:column;justify-content:center;gap:14px;height:150px;font:28px Georgia,serif;letter-spacing:-.02em}.example-sentence em{font-weight:500;text-decoration:underline;text-decoration-color:#d3a493;text-underline-offset:7px}.example-sentence>span{font:12px system-ui;color:#876859;letter-spacing:.05em}.example-open{display:flex;align-items:center;justify-content:space-between;font-size:13px;padding-top:12px;border-top:1px solid #ccdce7}.example-english .example-open{border-color:#e1d2c9}
.home-process-steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;width:100%;padding:25px 32px;margin:0;border-top:1px solid #ffffff9e;border-bottom:1px solid #ffffff9e;background:#f2fbff55;border-radius:3px}
.home-process-steps li>span{display:block;font:italic 30px Georgia,serif;color:#426575;margin-bottom:12px}.studio-page .home-process-steps h3{font-size:18px;line-height:1.4;color:#24444e;margin:0 0 8px}.studio-page .home-process-steps p{font-size:13px;color:#3d5c66;margin:0;line-height:1.7}.studio-page .home-refund{font-size:12px;line-height:1.6;text-align:center;color:#365762;margin:0}
.home-heading.is-entering{animation:home-heading-enter 650ms var(--ease-out) both}.home-product-scene.is-entering .home-product{animation:home-product-enter 800ms var(--ease-out) 80ms both}
@keyframes home-heading-enter{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes home-product-enter{from{opacity:0;transform:translateY(22px) rotateX(5deg)}to{opacity:1;transform:none}}
@media(hover:hover) and (pointer:fine){.welcome-nav button:hover:not(.home-start){background:#ffffff70}.welcome-nav .home-start:hover{background:#314a48}.home-cta:hover{transform:translateY(-2px);background:#f3fcffd9;box-shadow:inset 0 1px 0 #fff,0 15px 22px -13px #32626e80}.home-example:hover{transform:translateY(-3px)}}
.home-cta:active:not(:focus-visible),.welcome-nav button:active:not(:focus-visible),.home-example:active:not(:focus-visible){transform:scale(.98)}
@media(max-height:760px) and (min-width:901px){.studio-welcome{padding:16px 28px 0;gap:10px;border-radius:23px}.welcome-nav{min-height:58px;padding:5px 10px 5px 22px}.welcome-nav .home-start{min-height:44px}.studio-welcome .welcome-copy{gap:18px;padding:17px 0 16px}.studio-page .welcome-copy h1{font-size:36px;padding:0}.home-heading{gap:4px}.home-actions{margin-top:8px}.home-cta{min-height:47px;padding:10px 25px;font-size:15px}.home-product-scene{padding-top:0}.home-subpage{gap:20px;padding:8px 0 18px}.home-example{padding:18px;gap:8px}.example-drawing,.example-sentence{height:115px}.home-example strong{font-size:24px}.studio-welcome .auth-panel{padding:17px;gap:10px}}
@media(max-height:650px) and (min-width:901px){.studio-welcome{padding:12px 24px 0;gap:6px;border-radius:20px}.welcome-nav{min-height:52px;padding:3px 9px 3px 20px}.welcome-nav .home-brand-logo{width:102px}.welcome-nav .home-start{min-height:42px}.home-heading{gap:3px}.studio-page .home-kicker{font-size:11px}.studio-page .welcome-copy h1{font-size:31px;padding:0}.studio-welcome .welcome-copy{padding:10px 0 12px;gap:14px}.home-actions{margin-top:5px}.home-cta{min-height:42px;font-size:14px;padding:8px 22px}.home-product-scene{padding-top:0}.home-product-bar{min-height:28px;padding:3px 12px}.studio-welcome .auth-panel{padding:13px 18px;gap:8px}.studio-welcome .auth-panel h2{font-size:20px}.home-subpage{gap:14px;padding:8px 0 16px}.studio-page .home-subheading h2{font-size:30px;margin:5px 0}.home-example-grid{gap:20px;max-width:760px}.home-example{padding:14px 20px;gap:6px}.example-drawing,.example-sentence{height:100px}.home-process-steps{padding:17px 25px}.home-process-steps li>span{margin-bottom:8px}}
@media(max-width:900px){.studio-welcome{padding:20px 20px 0;gap:16px;border-radius:25px}.welcome-nav{gap:14px;padding:7px 12px 7px 19px;min-height:61px}.welcome-nav .home-brand-logo{width:102px}.home-links,.home-account{gap:14px}.home-links button,.home-account button{font-size:13px}.welcome-nav .home-start{gap:12px;padding:10px 18px}.studio-welcome .welcome-copy{display:grid;gap:38px;padding:clamp(32px,6vh,64px) 0 32px;max-width:none;grid-template-rows:auto auto;align-content:center}.studio-page .welcome-copy h1{font-size:42px;line-height:1.4}.home-title-break{display:block}.home-heading{gap:10px}.home-product-scene{max-height:none;min-height:0;container-type:inline-size}.home-product{width:min(100%,850px)}.home-subpage{gap:24px;padding:12px 0 24px}.home-example-grid{gap:16px}.home-example{padding:22px}.example-drawing,.example-sentence{height:160px}.studio-welcome .auth-panel{padding:23px;gap:12px}}
@media(max-width:600px){.studio-page.is-visitor .container{width:calc(100% - 16px);padding:8px 0 4px;gap:4px}.is-visitor #studio-mode{font-size:10px;min-height:28px;padding:0 6px}.studio-welcome{padding:12px 12px 0;gap:10px;border-radius:22px}.welcome-nav{padding:5px 9px;gap:8px;min-height:51px}.welcome-nav .home-brand-logo{width:88px}.home-links,.home-account{gap:2px}.home-links button,.home-account button{font-size:11px;padding:6px 5px;min-height:38px}.welcome-nav .home-start{display:none}.home-back{margin-right:4px;font-size:15px}.studio-welcome .welcome-copy{gap:30px;padding:30px 0 45px}.studio-page .home-kicker{font-size:11px;letter-spacing:.12em}.studio-page .welcome-copy h1{font-size:31px;padding:0;line-height:1.45}.home-heading{gap:10px}.home-actions{flex-direction:column;gap:8px;margin-top:9px}.home-cta{min-height:49px;padding:11px 26px;font-size:15px;gap:30px}.home-text-link{font-size:12px;min-height:36px;padding:7px 0}.home-product-scene{padding:0;align-content:start}.home-product{width:100%;border-radius:9px;box-shadow:0 16px 25px -8px #24495940}.home-product-bar{border-radius:8px 8px 0 0;min-height:28px;padding:4px 8px;font-size:9px;gap:5px}.product-dots{gap:3px}.product-dots i{width:4px;height:4px}.product-open{font-size:9px}.product-divider{padding:0 4px}.home-product-image{border-radius:0 0 8px 8px}.studio-welcome .auth-panel{padding:15px 12px;gap:10px;max-width:440px}.studio-welcome .auth-panel h2{font-size:20px}.home-subpage{gap:18px;padding:12px 0 18px;justify-content:center}.studio-page .home-subheading h2{font-size:29px}.studio-page .home-subheading>p:last-child{font-size:12px;line-height:1.7}.home-example-grid{gap:12px;grid-template-columns:1fr}.home-example{padding:15px 18px;gap:7px;position:relative}.home-example strong{font-size:22px}.example-drawing,.example-sentence{position:absolute;width:42%;height:80px;right:12px;top:26px}.example-sentence{font-size:18px;gap:8px}.example-sentence>span{font-size:10px}.example-open{font-size:12px;padding-top:8px}.example-subject{font-size:10px}.home-process-steps{grid-template-columns:1fr;gap:20px;padding:20px}.home-process-steps li{position:relative;padding-left:43px}.home-process-steps li>span{position:absolute;top:0;left:0;font-size:24px;margin:0}.studio-page .home-process-steps h3{font-size:16px;margin-bottom:5px}.studio-page .home-process-steps p{font-size:12px}.studio-page .home-refund{font-size:11px}}
@media(max-width:900px) and (max-height:740px){.studio-welcome{padding-top:10px;gap:7px}.welcome-nav{min-height:49px}.studio-welcome .welcome-copy{padding:18px 0 28px;gap:24px}.home-heading{gap:5px}.studio-page .welcome-copy h1{font-size:29px;padding:0}.home-actions{margin-top:8px;gap:4px}.home-cta{min-height:44px}.home-product-scene{padding-bottom:0}.studio-welcome .auth-panel{padding:11px;gap:8px}.studio-welcome .auth-panel .form-page{gap:9px}.studio-welcome .auth-panel .form-stack{gap:9px}.home-subpage{gap:13px;padding-top:7px}.home-example{padding:12px 15px}.home-example strong{font-size:21px}.home-process-steps{padding:15px;gap:15px}.studio-page .home-subheading h2{font-size:27px;margin:5px 0}}
@media(prefers-reduced-motion:reduce){.home-heading.is-entering,.home-product-scene.is-entering .home-product{animation:none}.welcome-nav button,.home-cta,.home-example,.home-product{transition:none!important;transform:none!important}}

/* D has a taller, narrower lockup than C. Preserve optical height at each breakpoint. */
@media(max-height:650px) and (min-width:901px){.welcome-nav .home-brand-logo{width:77px}}
@media(max-width:900px){.welcome-nav .home-brand-logo{width:77px}}
@media(max-width:600px){.welcome-nav .home-brand-logo{width:67px}}
@media(max-width:760px){.preview-placeholder-mark{width:24px}}

/* The brand is an engraved background material; existing paper and the real
   courseware window occlude its lower strokes. Only this decorative layer is masked. */
.home-letter-art{position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201586%20992%22%3E%3Cpath%20fill%3D%22white%22%20d%3D%22M0%200H1586V613L1562%20616%201547%20627%201528%20627%201510%20637%201492%20640%201470%20648%201453%20646%201434%20658%201416%20661%201392%20672%201373%20676%201354%20688%201332%20693%201312%20704%201290%20710%201268%20723%201245%20729%201220%20742%201198%20746%201175%20757%201148%20766%201122%20780%201099%20784%201076%20801%201054%20807%201030%20822%20999%20832%20977%20821%20957%20819%20934%20807%20912%20806%20884%20794%20862%20793%20839%20782%20810%20780%20794%20769%20775%20768%20759%20752%20741%20750%20721%20741%20705%20746%20688%20734%20674%20736%20656%20728%20640%20729%20620%20716%20603%20714%20586%20707%20568%20705%20552%20695%20534%20696%20518%20681%20499%20673%20481%20674%20463%20662%20443%20655%20422%20652%20406%20639%20387%20637%20370%20628%20350%20629%20332%20620%20313%20624%20293%20618%20275%20619%20256%20611%20241%20615%20222%20604%20207%20606%20190%20595%20174%20601%20158%20589%20138%20589%20121%20575%20102%20573%2083%20558%2062%20549%2046%20531%2028%20527%2010%20507%200%20501Z%22%2F%3E%3C%2Fsvg%3E");mask-size:cover;mask-position:center;mask-repeat:no-repeat}
.home-letter-art{overflow:clip}
.home-letter-outline{position:absolute;top:64px;left:2.5%;width:95%;height:auto;overflow:visible;font-family:Georgia,"Times New Roman",serif;font-size:600px;font-weight:400;letter-spacing:-.065em}
.home-letter-outline use{vector-effect:non-scaling-stroke}
.home-letter-relief{stroke:#f0fcff;stroke-width:1.4;opacity:.55}.home-letter-ink{stroke:#2c6270;stroke-width:1.15;opacity:.32}
@media(max-height:760px) and (min-width:901px){.home-letter-outline{top:36px;width:94%;left:3%}}
@media(max-height:650px) and (min-width:901px){.home-letter-outline{top:20px;width:90%;left:5%}}
@media(max-width:900px){.home-letter-outline{top:108px;left:0;width:100%;font-size:620px}.home-letter-ink{opacity:.38}.home-letter-relief{opacity:.7}}
@media(max-width:600px){.home-letter-outline{top:16%;left:0;width:100%;font-size:620px}.home-letter-ink{stroke-width:1.8;opacity:.5}}

/* Short landscape screens put the two foreground elements side by side. */
@media(min-width:650px) and (max-width:900px) and (max-height:560px){
 .studio-welcome .welcome-copy{grid-template-columns:minmax(0,1fr) minmax(0,1.18fr);grid-template-rows:minmax(0,1fr);gap:24px;padding:10px 0 18px;align-items:center;align-content:stretch}
 .studio-page .welcome-copy h1{font-size:clamp(23px,3vw,28px)}
 .home-heading{gap:8px}.home-actions{flex-direction:column;gap:1px;margin-top:4px}.home-cta{min-height:44px;padding:9px 22px;font-size:14px}.home-text-link{min-height:34px;padding:6px 0}
 .home-product-scene{height:100%;container-type:size;align-items:center}.home-product{width:min(100cqw,calc((100cqh - 38px)*2.133))}.home-letter-outline{top:34px}
}

/* v4: one sky-and-paper visual system for the customer workspace.
   Card material adapted from Uiverse.io by LilaRest (quick-dragonfly-7):
   inset paper edge and soft lift only; no procedural noise or clipped content. */
.workspace-backdrop{position:fixed;inset:12px 12px 30px;border-radius:30px;z-index:0;pointer-events:none;overflow:clip;background:#d9e8f7}
.workspace-backdrop .home-sky{z-index:0;opacity:.78}
.workspace-backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#f2f7ff5c,#edf4ff30 65%,#f7faff1c);border:1px solid #ffffffa0;border-radius:inherit}
.is-visitor .workspace-backdrop{display:none}
.studio-page:not(.is-visitor){--ink:#1d344d;--muted:#5a6f88;--line:#d5e0ee;--paper:#fff;--surface:#f4f7fc;--blue:#245ec8;--green:#2f6f59;--workspace-blue-hover:#174cae;--workspace-blue-soft:#eef4ff;--workspace-blue-border:#c6d7ef;background:#f5f7fb;color:var(--ink)}
.studio-page:not(.is-visitor)>.container{position:relative;z-index:1;max-width:1120px;width:calc(100% - 80px);height:100dvh;padding:26px 0 6px;gap:9px}
.studio-page:not(.is-visitor) .site-header{border:1px solid #ffffffd9;border-radius:99px;background:#f7fbffcf;backdrop-filter:blur(12px);padding:8px 18px;min-height:58px;height:58px;box-shadow:inset 0 1px #fff,0 12px 20px -23px #1f4e8a}
.studio-page:not(.is-visitor) .header-link{border-color:#cad9ec;background:#fbfdffb8;border-radius:99px;padding:7px 16px}
.studio-page:not(.is-visitor) main{justify-content:center;align-items:center;width:100%}
.studio-page:not(.is-visitor) #workspace{width:100%;height:min(654px,100%);flex:0 1 auto}
.studio-page:not(.is-visitor) #studio-mode{order:4;background:none;border:0;text-align:center;color:#597087;font-size:11px;padding:0;min-height:17px}
.studio-page:not(.is-visitor) .site-footer{order:5;border:0;padding:0;color:#5c7187;font-size:10px}
.studio-page:not(.is-visitor) .workspace-nav{gap:12px;min-height:74px;padding:0 0 14px;justify-content:center}
.studio-page:not(.is-visitor) .workspace-nav .help{font-size:10px}
.studio-page:not(.is-visitor) .panel{background:#fffffff2;border:1px solid #ffffffdf;border-radius:18px;box-shadow:inset 0 1px #fff,0 20px 45px -28px #31588770}
.studio-page:not(.is-visitor) .new-panel{padding:23px 26px;gap:13px}
.studio-page:not(.is-visitor) .new-panel>.section-heading h2{font-family:"Songti SC",Georgia,serif;font-size:26px;font-weight:600;color:#243f5f}
.studio-page:not(.is-visitor) .creation-columns{gap:30px;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}
.studio-page:not(.is-visitor) .creation-page{padding:10px 0}
.studio-page:not(.is-visitor) .creation-steps{gap:15px}
.studio-page:not(.is-visitor) .creation-steps button{border-color:#d7e1ee;min-height:39px}
.studio-page:not(.is-visitor) .creation-steps button[aria-current=step]{border-color:var(--blue)}
.studio-page:not(.is-visitor) .creation-steps button span{background:#eaf0f8}
.studio-page:not(.is-visitor) .creation-steps button[aria-current=step] span{background:var(--blue);color:#fff}
.studio-page:not(.is-visitor) .service-option{border-radius:12px;background:#f7f9fd;border-color:#dae3ef}
.studio-page:not(.is-visitor) .service-option:has(input:checked){background:var(--workspace-blue-soft);border-color:#82a6df}
.studio-page:not(.is-visitor) .premium-option{background:#fbf4df;border-color:#d6c793}
.studio-page:not(.is-visitor) .premium-option:has(input:checked){background:#fff3d4;border-color:#a68847}
.studio-page:not(.is-visitor) .upload-box{border:1px dashed #97b2da;border-radius:12px;background:#f1f6ff80;padding:19px}
.studio-page:not(.is-visitor) .upload-explanation{padding:10px 0;gap:13px}
.studio-page:not(.is-visitor) input:not([type=radio]):not([type=checkbox]),.studio-page:not(.is-visitor) select,.studio-page:not(.is-visitor) textarea{border-color:#cbd8e9;background:#fff;border-radius:8px}
.studio-page:not(.is-visitor) .subject-options label,.studio-page:not(.is-visitor) .background-options label,.studio-page:not(.is-visitor) .preset-card{border-radius:8px;background:#fff}
.studio-page:not(.is-visitor) :is(.subject-options label,.background-options label,.preset-card):has(input:checked){background:var(--workspace-blue-soft);border-color:#7ea2dc}
.studio-page:not(.is-visitor) .confirmation-card{background:#f3f7ff;border-color:#cbdaf0;border-radius:12px}
.studio-page:not(.is-visitor) .auth-switch,.studio-page:not(.is-visitor) .screen-tabs{background:#edf2fa}
.studio-page:not(.is-visitor) .account-panel{padding:25px 28px}
.studio-page:not(.is-visitor) .account-top{padding:14px 4px 20px;border-bottom:1px solid var(--line)}
.studio-page:not(.is-visitor) .balance-summary{padding:12px 25px;background:var(--workspace-blue-soft);border:1px solid var(--workspace-blue-border);border-radius:13px}
.studio-page:not(.is-visitor) .account-top h1{font-family:"Songti SC",Georgia,serif;font-size:29px}
.studio-page:not(.is-visitor) .order-sidebar{background:#f7f9fdbd;box-shadow:none}
.studio-page:not(.is-visitor) .order-item{background:#fff;border-color:#d8e2ee;border-radius:10px;padding:12px}
.studio-page:not(.is-visitor) .order-item[aria-pressed=true]{background:var(--workspace-blue-soft);border-color:#8baade}
.studio-page:not(.is-visitor) .customer-detail-tabs{background:#f2f5facf;border-radius:18px 18px 0 0;padding:0 20px;gap:22px}
.studio-page:not(.is-visitor) .customer-detail-scroll{padding:16px 20px}
.studio-page:not(.is-visitor) .screen-subtabs button{background:#fff;border-color:#d0dcea;border-radius:99px}
.studio-page:not(.is-visitor) .screen-subtabs button[aria-pressed=true]{background:var(--workspace-blue-soft);border-color:#91afe0}
.studio-page:not(.is-visitor) .order-journey{gap:25px;padding:10px 0}
.studio-page:not(.is-visitor) .order-journey .preview-image-wrap{background:#f1f6fd;border-color:#d6e1ef;box-shadow:inset 0 1px 3px #3158870d}
.studio-page:not(.is-visitor) .journey-heading h3{font-family:"Songti SC",Georgia,serif;font-size:27px;line-height:1.4}
.studio-page:not(.is-visitor) .journey-panel{gap:16px}
.studio-page:not(.is-visitor) .badge,.studio-page:not(.is-visitor) .badge.done{background:#e8f0ff;color:#2459ad}
.studio-page:not(.is-visitor) .soft{background:var(--workspace-blue-soft);color:#2459ad;border-color:var(--workspace-blue-border)}
.studio-page:not(.is-visitor) .status-message.info{background:#eef5ff;border-color:#c4d7f1;color:#28598f}
.studio-page:not(.is-visitor) .studio-progress .complete{color:#527bb7}
.studio-page:not(.is-visitor) .px-wait{--wr-blue:#2c65c0;--wr-ink:#243f5f;--wr-muted:#5a708a;border-color:#d7e2f0;background:#f9fbff}
.studio-page:not(.is-visitor) .wr-game{background:#f2f6fc;border-color:#d8e2ef}
.studio-page:not(.is-visitor) .wr-game-board{border-color:#c7d7ec}
/* From Uiverse.io by Juanes200122 (smart-skunk-68): directional color fill.
   A clipping reveal replaces layout-based left/right animation; no pointer halo. */
.studio-page:not(.is-visitor) .workspace-nav .workspace-action{isolation:isolate;overflow:hidden;min-width:184px;min-height:57px;border-radius:14px;background:#fbfdffe8;border-color:var(--workspace-blue-border,#c6d7ef);color:#264c78;box-shadow:0 4px 12px -7px #28558c35;transition:color 160ms ease,transform 160ms var(--ease-out),border-color 160ms ease}
.studio-page .workspace-nav .workspace-action.primary{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 8px 14px -10px #184b9b90}
.workspace-action:before{content:"";position:absolute;inset:-1px;border-radius:inherit;background:#2f6fd5;clip-path:inset(0 100% 0 0);z-index:-1;transition:clip-path 260ms var(--ease-out)}
.workspace-action.primary:before{background:var(--workspace-blue-hover,#174cae)}
.workspace-icon{background:#e8f0ff;color:var(--blue);transition:color 160ms ease,background-color 160ms ease}
.workspace-label small{color:#607792;transition:color 160ms ease}.primary .workspace-label small{color:#e4edff}
.nav-spotlight,.nav-impact{display:none}
.workspace-action:is(:focus-visible,.is-activated):before{clip-path:inset(0)}
.workspace-action:is(:focus-visible,.is-activated){color:#fff!important}.workspace-action:is(:focus-visible,.is-activated) .workspace-label small{color:#edf3ff}.workspace-action:is(:focus-visible,.is-activated) .workspace-icon{color:#fff;background:#ffffff20}
@media(hover:hover) and (pointer:fine){.studio-page .workspace-action:hover{color:#fff!important;border-color:#2f6fd5!important}.workspace-action:hover:before{clip-path:inset(0)}.workspace-action:hover .workspace-label small{color:#edf3ff}.workspace-action:hover .workspace-icon{color:#fff;background:#ffffff20}}
.studio-page:not(.is-visitor) .button{border-radius:9px}
.studio-page:not(.is-visitor) .button.primary{background:var(--blue);border-color:var(--blue);transition:background-color 170ms ease,transform 160ms var(--ease-out)}
@media(hover:hover){.studio-page:not(.is-visitor) .button.primary:hover:not(:disabled){background:var(--workspace-blue-hover);border-color:var(--workspace-blue-hover)}}
@media(max-height:760px) and (min-width:761px){
 .studio-page:not(.is-visitor)>.container{padding-top:16px;gap:6px;width:calc(100% - 56px)}
 .studio-page:not(.is-visitor) .site-header{min-height:48px;height:48px;padding:4px 17px}
 .studio-page:not(.is-visitor) #workspace{height:100%}
 .studio-page:not(.is-visitor) .workspace-nav{min-height:62px;padding-bottom:9px;gap:10px}
 .studio-page:not(.is-visitor) .workspace-action{min-height:51px;padding:6px 13px}
 .studio-page:not(.is-visitor) .new-panel{padding:15px 20px;gap:9px}
 .studio-page:not(.is-visitor) .new-panel>.section-heading h2{font-size:23px}
 .studio-page:not(.is-visitor) .creation-page{padding:3px 0}
 .studio-page:not(.is-visitor) .creation-steps button{min-height:32px}
 .studio-page:not(.is-visitor) .customer-detail-scroll{padding:11px 14px}
 .studio-page:not(.is-visitor) .journey-heading h3{font-size:23px}
 .studio-page:not(.is-visitor) .journey-panel{gap:12px}
 .studio-page:not(.is-visitor) .order-journey{gap:18px;padding:2px 0}
 .studio-page:not(.is-visitor) .account-panel{padding:18px 22px}
}
@media(max-width:1100px) and (min-width:761px){.studio-page:not(.is-visitor)>.container{width:calc(100% - 40px)}.studio-page:not(.is-visitor) .creation-columns{gap:20px}.studio-page:not(.is-visitor) .workspace-action{min-width:166px}.studio-page:not(.is-visitor) .order-journey{gap:16px}.studio-page:not(.is-visitor) .customer-detail-tabs{padding:0 15px;gap:17px}}
@media(max-width:760px){
 .workspace-backdrop{inset:8px 8px 30px;border-radius:22px}
 .studio-page:not(.is-visitor)>.container{width:calc(100% - 28px);padding:16px 0 5px;gap:5px}
 .studio-page:not(.is-visitor) .site-header{height:45px;min-height:45px;padding:4px 12px}
 .studio-page:not(.is-visitor) #workspace{height:100%}
 .studio-page:not(.is-visitor) .workspace-nav{gap:6px;min-height:56px;padding:0 0 7px}
 .studio-page:not(.is-visitor) .workspace-nav .workspace-action{min-width:0;min-height:46px;padding:6px;gap:4px;border-radius:10px}
 .studio-page:not(.is-visitor) .new-panel{padding:13px 12px;gap:9px;border-radius:14px}
 .studio-page:not(.is-visitor) .new-panel>.section-heading h2{font-size:21px}
 .studio-page:not(.is-visitor) .creation-columns{display:flex;flex-direction:column;gap:12px}
 .studio-page:not(.is-visitor) .creation-page{padding:4px 0}
 .studio-page:not(.is-visitor) .creation-steps{gap:5px}
 .studio-page:not(.is-visitor) .creation-steps button{min-height:32px}
 .studio-page:not(.is-visitor) .upload-box{padding:12px}
 .studio-page:not(.is-visitor) .upload-explanation{gap:8px;padding:3px 0}
 .studio-page:not(.is-visitor) .account-panel{padding:15px}
 .studio-page:not(.is-visitor) .account-top{gap:15px;padding:0 0 12px}
 .studio-page:not(.is-visitor) .account-top h1{font-size:23px}
 .studio-page:not(.is-visitor) .balance-summary{padding:9px 12px}
 .studio-page:not(.is-visitor) .customer-detail-tabs{padding:0 12px;gap:16px;border-radius:14px 14px 0 0}
 .studio-page:not(.is-visitor) .customer-detail-scroll{padding:10px 12px}
 .studio-page:not(.is-visitor) .journey-heading h3{font-size:22px}
 .studio-page:not(.is-visitor) .journey-panel{gap:9px}
 .studio-page:not(.is-visitor) .order-journey{gap:9px;padding:0}
 .studio-page:not(.is-visitor) #studio-mode{font-size:10px}
 .studio-page:not(.is-visitor) .site-footer{font-size:9px}
}
@media(prefers-reduced-motion:reduce){.workspace-action:before,.workspace-icon,.workspace-label small{transition:none}.workspace-action:before{clip-path:none;opacity:0}.workspace-action:is(:hover,:focus-visible,.is-activated):before{opacity:1}}
.studio-page:not(.is-visitor) .brand-logo{color:#245ec8}
@media(max-height:650px) and (min-width:761px){
 .studio-page:not(.is-visitor)>.container{padding-top:10px;gap:4px}
 .studio-page:not(.is-visitor) .site-header{height:44px;min-height:44px}
 .studio-page:not(.is-visitor) .workspace-nav{min-height:52px;padding-bottom:6px}
 .studio-page:not(.is-visitor) .workspace-nav .workspace-action{min-height:44px;padding:5px 13px}
 .studio-page:not(.is-visitor) .new-panel{padding:11px 18px;gap:7px}
 .studio-page:not(.is-visitor) .creation-columns>.form-stack{gap:12px}
 .studio-page:not(.is-visitor) .creation-steps button{min-height:30px}
 .studio-page:not(.is-visitor) .service-option{padding:10px}
 .studio-page:not(.is-visitor) .account-top{padding-top:4px;padding-bottom:10px;margin:5px 0}
 .studio-page:not(.is-visitor) .account-panel{padding:13px 18px}
 .studio-page:not(.is-visitor) .customer-detail-scroll{padding:9px 12px}
 .studio-page:not(.is-visitor) .journey-panel{gap:9px}
}
@media(max-height:650px) and (min-width:761px){.studio-page:not(.is-visitor) .new-panel{gap:6px}.studio-page:not(.is-visitor) #upload-form,.studio-page:not(.is-visitor) #upload-fields{gap:6px}}
@media(max-height:650px) and (min-width:761px){.studio-page:not(.is-visitor) #special-notes{height:86px;min-height:86px;max-height:86px}.studio-page:not(.is-visitor) .confirmation-card{padding:12px}}
/* One real video at a time. Player controls sit outside the clipped media plane. */
.home-showreel{width:min(88cqw,calc((100cqh - 84px)*2.133),1100px);cursor:default}
.home-showreel .home-product-bar{min-height:36px;padding:0 12px;gap:8px}
.home-showreel .product-open{border:0;background:none;color:#315c6a;font:inherit;min-height:36px;padding:6px 3px;cursor:pointer;white-space:nowrap}
.showreel-stage{display:block;position:relative;width:100%;border:0;padding:0;background:#eff4f2;cursor:pointer;overflow:clip;line-height:0;flex-shrink:0;touch-action:pan-y}
.showreel-stage video{display:block;width:100%;height:auto;aspect-ratio:1280/600;object-fit:contain;border-radius:0;background:#edf3f2}
.showreel-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 12px;min-height:46px;border-top:1px solid #e4eae7;border-radius:0 0 12px 12px;background:#fbfcf8;color:#496665;font-size:11px}
.reel-transport{display:flex;align-items:center;gap:3px}.showreel-controls button{display:grid;place-items:center;min-width:32px;min-height:36px;border:0;background:none;color:#385b62;border-radius:99px;font-size:13px;cursor:pointer;padding:4px 8px;transition:background-color 160ms ease,color 160ms ease}
.reel-transport [data-reel-play]{font-size:11px;min-width:48px}
.reel-tabs{display:flex;align-items:center;gap:1px}.showreel-controls .reel-dot{position:relative;min-width:26px;min-height:32px;padding:0}
.reel-dot:after{content:"";width:5px;height:5px;background:#b3c9c5;border-radius:99px;transition:width 170ms ease,background-color 170ms ease}
.reel-dot[aria-pressed=true]:after{width:15px;background:#396d71}
[data-reel-count]{white-space:nowrap;font-variant-numeric:tabular-nums}
.showreel-controls button:focus-visible,.showreel-stage:focus-visible,.home-showreel .product-open:focus-visible{outline:2px solid #276777;outline-offset:-3px}
@media(hover:hover){.showreel-controls button:hover,.home-showreel .product-open:hover{background:#e4f0e9;color:#1e5358}}
.home-example-grid.showreel-gallery{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));max-width:1000px;flex:1;max-height:490px;gap:16px}
.showreel-gallery .home-example{display:grid;grid-template-rows:auto minmax(20px,1fr) auto auto;min-height:0;padding:14px 17px;gap:6px;background:#fcfdf8ed;border-radius:13px;border-color:#fff;box-shadow:0 14px 25px -20px #365f7470}
.showreel-gallery .home-example img{display:block;width:100%;height:100%;min-height:0;object-fit:contain;border-radius:5px;background:#eff4f3}
.showreel-gallery .home-example strong{font-family:inherit;font-size:17px;line-height:1.4;white-space:nowrap;font-weight:600;color:#2e5359}
.showreel-gallery .example-subject{font-size:10px;letter-spacing:.02em;color:#5f777c}.showreel-gallery .example-open{font-size:11px;padding-top:5px;color:#366574;border-color:#dce7e3}
@media(max-height:760px) and (min-width:901px){.home-example-grid.showreel-gallery{gap:12px;max-height:400px}.showreel-gallery .home-example{padding:11px 15px;gap:4px}.showreel-gallery .home-example strong{font-size:16px}}
@media(max-width:900px){.home-showreel{width:min(100%,850px)}.home-example-grid.showreel-gallery{max-height:560px;gap:12px}}
@media(max-width:600px){.home-showreel .home-product-bar{font-size:10px;min-height:32px;padding:0 8px}.home-showreel .product-open{min-height:32px}.showreel-controls{gap:3px;min-height:42px;padding:0 6px}.showreel-controls button{min-width:28px}.showreel-controls .reel-dot{min-width:20px}.reel-transport{gap:0}.reel-transport [data-reel-play]{min-width:39px}.showreel-controls [data-reel-count]{font-size:10px}.home-example-grid.showreel-gallery{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));max-height:520px;gap:10px}.showreel-gallery .home-example{padding:10px;gap:4px}.showreel-gallery .home-example strong{font-size:14px}.showreel-gallery .example-subject{font-size:9px}}
@media(max-width:600px) and (max-height:650px){.studio-welcome .welcome-copy{padding:8px 0 14px;gap:18px}.studio-page .welcome-copy h1{font-size:27px}}
@media(min-width:650px) and (max-width:900px) and (max-height:560px){.home-showreel{width:min(100cqw,calc((100cqh - 84px)*2.133))}}
@media(prefers-reduced-motion:reduce){.reel-dot:after,.showreel-controls button{transition:none}}
@media(min-width:761px){.studio-page:not(.is-visitor) .creation-page[data-create-page="4"] .creation-columns{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.studio-page:not(.is-visitor) .order-sidebar .pager{gap:6px}
.studio-page:not(.is-visitor) .order-sidebar .pager button{padding:5px 8px;white-space:nowrap;font-size:12px}

/* Complete mixed-case wordmark; the approved icon path remains unchanged. */
.studio-page .brand-logo{width:113px}
.welcome-nav .home-brand-logo{width:119px}
.home-letter-stream{animation:panxy-letter-drift 90s linear infinite;transform-box:view-box;transform-origin:0 0}
.home-letter-art[data-paused=true] .home-letter-stream{animation-play-state:paused}
@keyframes panxy-letter-drift{to{transform:translateX(-1586px)}}
.home-motion-toggle{position:absolute;z-index:2;right:15px;bottom:12px;width:36px;height:36px;display:grid;place-items:center;border:1px solid #ffffffad;border-radius:50%;background:#f6faf39c;color:#436765;font:600 13px system-ui;cursor:pointer;backdrop-filter:blur(6px)}
.home-motion-toggle:focus-visible{outline:3px solid #266675;outline-offset:2px}
@media(max-width:600px){.welcome-nav .home-brand-logo{width:85px}.studio-page .brand-logo{width:104px}.home-motion-toggle{right:10px;bottom:9px}}
@media(prefers-reduced-motion:reduce){.home-letter-stream{animation:none}.home-motion-toggle{display:none}}
@media(min-width:761px) and (min-height:761px){.studio-page:not(.is-visitor) #workspace:has(.order-detail.is-waiting){height:min(704px,100%)}}

.reel-notice{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);max-width:calc(100% - 20px);padding:6px 10px;border-radius:7px;background:#fffffaf2;color:#375b64;box-shadow:0 3px 8px #294f6320;font:12px/1.5 system-ui;white-space:normal;pointer-events:none}
/* On short desktops, place game actions beside the score instead of stacking. */
@media(min-height:651px) and (max-height:800px) and (min-width:761px){
 .studio-page .waiting-section .px-wait{gap:5px;padding:8px}
 .studio-page .waiting-section .wr-copy{min-height:25px}
 .studio-page .waiting-section .wr-games{grid-template-rows:44px minmax(0,1fr)}
 .studio-page .waiting-section .wr-tabs{padding:0}
 .studio-page .waiting-section .wr-game{grid-template-columns:minmax(0,1fr) 320px}
 .studio-page .waiting-section .wr-game-board{min-height:110px}
 .studio-page .waiting-section .wr-game-side{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:28px 44px 44px;gap:4px 8px;padding:0}
 .studio-page .waiting-section .wr-game-score{grid-column:1;grid-row:1;min-height:28px;padding:2px 6px}
 .studio-page .waiting-section .wr-game-status{grid-column:2;grid-row:1/3;min-height:0}
 .studio-page .waiting-section .wr-main-actions{grid-column:1;grid-row:2}
 .studio-page .waiting-section .wr-main-actions .wr-control{min-height:44px}
 .studio-page .waiting-section .wr-game-actions{grid-column:1/-1;grid-row:3;margin:0;grid-template-columns:185px minmax(0,1fr);align-items:center}
 .studio-page .waiting-section .wr-direction{grid-template-rows:44px}
 .studio-page .waiting-section .wr-direction [data-game-action]{grid-column:auto;grid-row:1;min-height:44px}
 .studio-page .waiting-section .wr-memory{grid-template-columns:repeat(8,minmax(44px,1fr));grid-template-rows:repeat(2,minmax(44px,1fr));width:min(100%,500px);max-height:122px}
 .studio-page .waiting-section .wr-stars{grid-template-columns:repeat(5,minmax(44px,1fr));grid-template-rows:repeat(2,minmax(44px,1fr));width:min(100%,450px);max-height:122px}
}
/* Short-screen connection notice shares the order heading's unused middle space. */
@media(max-height:650px) and (min-width:1101px){
 .studio-page #orders-panel{position:relative}
 .studio-page #orders-message:not(:empty){position:absolute;top:0;left:100px;right:100px;margin:0;padding:7px 10px;font-size:12px;line-height:1.5}
}
/* Account screens use a fitted central sheet instead of an empty full-height card. */
.studio-page:not(.is-visitor) .account-panel{flex:0 1 auto;width:min(100%,940px);align-self:center;margin-block:auto}

/* Workspace brand ribbon moves in the reverse direction of the home engraving. */
.studio-page .container{position:relative;z-index:1}
.workspace-letter-art{display:none;position:fixed;z-index:0;inset:18% 0 13%;overflow:hidden;pointer-events:none;opacity:.13}
.studio-page:not(.is-visitor) .workspace-letter-art{display:flex;align-items:center}
.workspace-letter-track{display:flex;width:max-content;will-change:transform;animation:workspace-panxy-reverse 72s linear infinite;color:transparent;-webkit-text-stroke:1.15px #3266a9;font:400 clamp(180px,27vw,430px)/.9 Georgia,"Times New Roman",serif;letter-spacing:-.08em;white-space:nowrap}
.workspace-letter-track span{display:block;padding-right:.13em}
@keyframes workspace-panxy-reverse{from{transform:translate3d(-25%,0,0)}to{transform:translate3d(0,0,0)}}

/* Transparent display case: one page forward, two translucent pages waiting behind. */
.home-showreel{width:min(96cqw,calc((100cqh - 70px)*2.05),1160px);overflow:clip;border:0;border-radius:0;background:transparent;box-shadow:none}
.home-showreel .home-product-bar{order:1;width:88%;align-self:center;min-height:30px;padding:0 3px;border:0;border-radius:0;background:transparent;color:#315760}
.home-showreel .product-dots{display:none}
.home-showreel .product-open{min-height:30px;padding:4px 6px;border-radius:999px}
.showcase-deck{order:2;position:relative;display:grid;place-items:center;width:100%;min-height:0;isolation:isolate;touch-action:pan-y}
.showreel-stage{z-index:2;width:88%;margin:auto;border:1px solid #ffffffd6;border-radius:9px;background:transparent;box-shadow:0 24px 42px -26px #173d5475,0 0 0 1px #456d7520;overflow:hidden;animation:showcase-page-center 6.2s ease-in-out infinite;cursor:grab;user-select:none;-webkit-user-select:none}
.showcase-deck.is-dragging .showreel-stage{cursor:grabbing;animation-play-state:paused}
.showreel-stage video,.home-product-image{border-radius:8px;background:transparent;pointer-events:none;-webkit-user-drag:none}
.showcase-transition-ghost{position:absolute;z-index:4;top:50%;left:50%;width:88%;pointer-events:none;will-change:transform,opacity}
.showcase-transition-ghost img{display:block;width:100%;height:auto;aspect-ratio:1280/600;object-fit:cover;border:1px solid #ffffffd6;border-radius:9px;box-shadow:0 24px 42px -26px #173d5475}
.showcase-peek{position:absolute;z-index:1;top:50%;width:56%;border:0;padding:0;background:transparent;line-height:0;filter:saturate(.74);opacity:.42}
.showcase-peek.is-previous{left:2%;transform:translateY(-50%) rotate(-1.4deg)}
.showcase-peek.is-next{right:2%;transform:translateY(-50%) rotate(1.4deg)}
.showcase-peek img{display:block;width:100%;height:auto;aspect-ratio:1280/600;object-fit:contain;border:1px solid #ffffffb8;border-radius:7px;box-shadow:0 18px 35px -24px #143e5970;animation:showcase-page-side-a 7.1s ease-in-out infinite}
.showcase-peek.is-next img{animation-name:showcase-page-side-b;animation-duration:6.6s}
.showcase-peek span{display:none}
.showcase-peek:focus-visible{outline:3px solid #276777;outline-offset:4px;opacity:.72}
.showreel-controls{order:3;width:88%;align-self:center;min-height:38px;padding:1px 3px;border:0;border-radius:0;background:transparent;color:#3c6368}
@keyframes showcase-page-center{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes showcase-page-side-a{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}
@keyframes showcase-page-side-b{0%,100%{transform:translateY(2px)}50%{transform:translateY(-4px)}}

/* Waiting happens inside the preview cabinet; production status stays beside it. */
.preview-image-wrap.has-waiting-game{padding:6px;background:linear-gradient(145deg,#edf5ff,#fbfdff 56%,#eef6ff)}
.preview-image-wrap.has-waiting-game>#preview-image,.preview-image-wrap.has-waiting-game>#preview-placeholder{display:none!important}
.preview-image-wrap>.waiting-section{position:absolute;z-index:2;inset:6px;min-height:0;display:flex}
.preview-image-wrap>.waiting-section[hidden]{display:none!important}
.preview-image-wrap .waiting-section .px-wait{width:100%;height:100%;min-height:0;max-height:none;padding:0!important;gap:0;border:0;border-radius:8px;background:transparent;box-shadow:none;grid-template-rows:minmax(0,1fr)}
.preview-image-wrap .waiting-section .wr-progress,.preview-image-wrap .waiting-section .wr-copy{display:none}
.preview-image-wrap .waiting-section .wr-games{height:100%;min-height:0;grid-template-rows:44px minmax(0,1fr);gap:6px}
.preview-image-wrap .waiting-section .wr-tabs{padding:2px}
.preview-image-wrap .waiting-section .wr-tabs button{min-height:38px;padding:3px;font-size:10px}
.preview-image-wrap .waiting-section .wr-game{min-height:0;grid-template-columns:minmax(0,1fr) 142px!important;grid-template-rows:minmax(0,1fr)!important;gap:7px}
.preview-image-wrap .waiting-section .wr-game-board{min-height:0!important;overflow:hidden}
.preview-image-wrap .waiting-section .wr-game-side{display:flex;min-width:0;padding:0;gap:5px}
.preview-image-wrap .waiting-section .wr-game-status{font-size:10px;min-height:28px}
.preview-image-wrap .waiting-section .wr-game-score{min-height:28px;padding:3px 6px}
.preview-image-wrap .waiting-section .wr-main-actions{gap:4px}
.preview-image-wrap .waiting-section .wr-game-actions{width:100%;min-width:0;grid-template-columns:minmax(0,1fr)!important}
.preview-image-wrap .waiting-section .wr-memory{width:min(100%,260px);max-height:240px;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr))}
.preview-image-wrap .waiting-section .wr-memory button{min-width:0;min-height:0}
.preview-image-wrap .waiting-section .wr-stars{width:min(100%,270px);max-height:240px;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr))}
.preview-image-wrap .waiting-section .wr-control{min-height:40px;padding:4px}
.preview-image-wrap .waiting-section .wr-direction{width:100%;min-width:0;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,40px);gap:3px}
.preview-image-wrap .waiting-section .wr-direction [data-game-action]{grid-column:auto!important;grid-row:auto!important;min-width:0;min-height:40px}
.preview-image-wrap .waiting-section .wr-hint{display:none}
.journey-title-row{display:flex;align-items:center;gap:12px;min-width:0}
.journey-title-row h3{min-width:0}
.journey-heading:has(#action-message:not(:empty)){gap:2px}
.journey-heading #action-message:not(:empty){padding:3px 6px;font-size:11px;line-height:1.35}
.journey-logo-motion{display:block;flex:0 0 auto;width:36px;height:40px;color:var(--brand);transform-origin:50% 70%;filter:drop-shadow(0 5px 8px #225ba526)}
.journey-logo-motion[data-active=true]{animation:journey-logo-working 2.8s ease-in-out infinite}
@keyframes journey-logo-working{0%,100%{transform:translateY(0) rotate(0)}22%{transform:translateY(-3px) rotate(-3deg)}48%{transform:translateY(0) rotate(2deg)}68%{transform:translateY(-1px) rotate(-1deg)}}

@media(max-width:760px){
 .workspace-letter-art{inset:22% 0 18%;opacity:.11}.workspace-letter-track{font-size:58vw}
 .home-showreel .home-product-bar,.showreel-controls{width:92%}
 .showreel-stage,.showcase-transition-ghost{width:92%}.showcase-peek{width:52%;opacity:.34}
 .order-detail.is-waiting .order-journey #preview-section{min-height:220px;max-height:290px}
 .preview-image-wrap .waiting-section .wr-game{grid-template-columns:minmax(0,1fr) 108px!important}
 .preview-image-wrap .waiting-section .wr-game-side{gap:3px}
 .preview-image-wrap .waiting-section .wr-game-status{display:none}
 .preview-image-wrap .waiting-section .wr-game-score{min-height:24px;padding:1px 5px}
 .preview-image-wrap .waiting-section .wr-game-actions{display:grid;height:69px;flex:0 0 69px}
 .preview-image-wrap .waiting-section .wr-direction{height:69px;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,33px)}
 .preview-image-wrap .waiting-section .wr-direction [data-game-action]{min-height:33px}
 .preview-image-wrap .waiting-section .wr-main-actions{grid-template-columns:1fr}
 .preview-image-wrap .waiting-section .wr-main-actions .wr-control{min-height:32px}
 .journey-logo-motion{width:30px;height:34px}
}
@media(min-width:761px) and (max-width:900px){
 .journey-title-row{gap:6px}
 .journey-logo-motion{width:24px;height:28px}
 .order-detail.is-waiting .order-journey{grid-template-columns:minmax(290px,1.25fr) minmax(0,.75fr);gap:12px}
 .preview-image-wrap .waiting-section .wr-tabs svg{display:none}
 .preview-image-wrap .waiting-section .wr-game{grid-template-columns:minmax(0,1fr) 108px!important}
 .preview-image-wrap .waiting-section .wr-game-status{display:none}
 .studio-page:not(.is-visitor) .journey-panel{gap:8px}
 .order-journey.is-checkout .journey-panel{gap:0}
 .order-journey.is-checkout .journey-heading{gap:3px}
 .order-journey.is-checkout .journey-prices{padding:4px 0}
 .order-journey.is-checkout #pay-tail{min-height:42px;padding-block:5px;font-size:13px}
 .order-journey.is-checkout .journey-link{min-height:24px;padding-block:2px;font-size:12px}
 .order-journey.is-checkout #action-message{padding:4px 6px;font-size:11px;line-height:1.35}
}
@media(max-height:650px) and (min-width:761px){
 .order-journey.is-checkout .journey-panel{gap:3px}
 .preview-image-wrap .waiting-section .wr-game{grid-template-columns:minmax(0,1fr) 132px!important}
 .preview-image-wrap .waiting-section .wr-game-status{display:none}
 .preview-image-wrap .waiting-section .wr-control{min-height:36px}
 .preview-image-wrap .waiting-section .wr-game-actions{flex:0 0 36px;height:36px}
 .preview-image-wrap .waiting-section .wr-direction{height:36px;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:36px}
 .preview-image-wrap .waiting-section .wr-direction [data-game-action]{grid-row:1!important;min-height:36px}
 .journey-logo-motion{width:26px;height:29px}
}
@media(prefers-reduced-motion:reduce){
 .workspace-letter-track,.showreel-stage,.showcase-peek img,.journey-logo-motion[data-active=true]{animation:none}
}