/* Restored material direction: restrained white frosted glass. */
:root{--glass:rgba(255,255,255,.66);--glass-soft:rgba(255,255,255,.58);--edge:rgba(255,255,255,.8);--shadow:0 24px 64px rgba(77,119,167,.16),inset 0 1px 0 rgba(255,255,255,.72)}
.ambient-photo{background:linear-gradient(110deg,rgba(244,250,255,.91),rgba(229,242,255,.80)),url('./assets/warm-minimal-living.png') center/cover no-repeat;filter:saturate(.94)}
.ambient-photo:after{background:transparent;backdrop-filter:blur(20px)}
.glass,.collection-page{background:var(--glass);box-shadow:var(--shadow);backdrop-filter:blur(25px) saturate(132%);-webkit-backdrop-filter:blur(25px) saturate(132%)}
.topbar{gap:48px;background:var(--glass)}.brand{min-width:250px}.marketing-nav{align-items:center}.account{min-width:165px;justify-content:flex-end}
.hero{background:var(--glass);box-shadow:var(--shadow);backdrop-filter:blur(25px) saturate(132%)}
.flow-main,.inspector{background:var(--glass);box-shadow:var(--shadow);backdrop-filter:blur(25px) saturate(132%)}
.flow-card,.reference-card,.upload-card,.deliverable-grid label,select,textarea{border-color:rgba(207,224,244,.9);background:rgba(255,255,255,.53);box-shadow:none}
.flow-card:hover,.flow-card.selected{background:rgba(255,255,255,.72);border-color:#93bdf9;box-shadow:0 12px 24px rgba(88,135,192,.15)}
.app-tabs{align-items:center;background:var(--glass);box-shadow:var(--shadow)}.app-tabs .nav-active{background:rgba(225,240,255,.85);box-shadow:inset 0 -2px 0 var(--blue)}
.primary{border:0;background:#1766ef;color:#fff;box-shadow:0 10px 22px rgba(22,100,236,.23)}
.top-cta{background:rgba(255,255,255,.46);box-shadow:inset 0 0 0 1px rgba(255,255,255,.6)}
.showcase-float{background:var(--glass);border-color:rgba(255,255,255,.8);box-shadow:var(--shadow)}.landing-cta{background:var(--glass)}
@media(max-width:720px){.brand,.account{min-width:0}}

/* Product-flow refinement: input confidence, project management and delivery. */
body.modal-open{overflow:hidden}.form-error{margin:-7px 0 0;color:#bd3554;font-size:10px;font-weight:700}.form-error[hidden],.empty-state[hidden]{display:none}.reference-card em{margin-left:auto;color:var(--blue);font-size:9px;font-style:normal}.reference-options{display:flex;flex-wrap:wrap;align-items:center;gap:7px 10px;margin-top:-7px;color:#5c7b98;font-size:9px}.reference-options>span{width:100%;font:9px var(--mono);color:#7894b0}.reference-options label{display:flex;align-items:center;gap:4px}.reference-options input{accent-color:var(--blue)}
.collection-tools{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:-9px 0 24px}.filter-pills{display:flex;flex-wrap:wrap;gap:7px}.filter-pills button{padding:8px 11px;border:1px solid rgba(192,214,238,.9);border-radius:99px;background:rgba(255,255,255,.42);color:#597a9b;font-size:10px;transition:.2s}.filter-pills button:hover,.filter-pills .is-active{border-color:#a8c8fb;background:#e4efff;color:#1766ef}.search-field{display:flex;align-items:center;gap:8px;width:min(250px,100%);padding:0 11px;border:1px solid rgba(192,214,238,.9);border-radius:10px;background:rgba(255,255,255,.46)}.search-field span{color:#7896b2;font-size:9px}.search-field input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font:11px var(--sans);padding:10px 0}.search-field input::placeholder{color:#89a1b9}.proposal-card[hidden],.project-row[hidden]{display:none}.empty-state{padding:28px;border:1px dashed rgba(112,157,204,.5);border-radius:16px;color:#5e7f9f;text-align:center}
.auth-layer,.delivery-layer{position:fixed;z-index:12;inset:0;display:grid;place-items:center;padding:24px;background:rgba(218,237,255,.5);backdrop-filter:blur(11px)}.auth-layer[hidden],.delivery-layer[hidden]{display:none}.auth-card,.delivery-card{position:relative;border:1px solid rgba(255,255,255,.9);box-shadow:var(--shadow);background:rgba(255,255,255,.78);backdrop-filter:blur(26px)}.auth-card{width:min(420px,100%);padding:34px;border-radius:27px}.auth-card h2,.delivery-card h2{margin:0;color:var(--ink);font-size:31px;line-height:1.2;letter-spacing:-.06em}.auth-card>p:not(.loading-kicker){margin:10px 0 23px;color:#587897;font-size:12px;line-height:1.7}.auth-card label{display:grid;gap:7px;margin-top:13px;color:#5d7b99;font-size:10px;font-weight:700}.auth-card input{padding:12px;border:1px solid rgba(192,214,238,.9);border-radius:10px;background:rgba(255,255,255,.7);outline:0}.auth-card .primary{width:100%;margin-top:22px}.auth-demo{display:block;width:100%;margin-top:14px;font-size:11px}.modal-close{position:absolute;top:14px;right:17px;width:28px;height:28px;border-radius:99px;background:rgba(230,241,254,.8);color:#517493;font-size:21px;line-height:1}.modal-close:hover{background:#dceafe;color:#1766ef}
.delivery-card{display:grid;grid-template-columns:.78fr 1.22fr;gap:29px;width:min(855px,100%);padding:34px;border-radius:28px}.delivery-copy{align-self:center}.delivery-copy>p:not(.loading-kicker){margin:14px 0 20px;color:#567795;font-size:12px;line-height:1.7}.delivery-meta{display:flex;gap:7px;margin-bottom:22px}.delivery-meta span{padding:6px 8px;border-radius:7px;background:#e9f2ff;color:#477095;font:9px var(--mono)}.delivery-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.delivery-actions .primary{grid-column:1/-1}.secondary-button{padding:11px 8px;border:1px solid rgba(174,202,236,.9);border-radius:10px;background:rgba(255,255,255,.6);color:#336993;font-size:10px;font-weight:700}.secondary-button:hover{border-color:#79aafa;background:#eaf2ff}.video-frame{position:relative;align-self:center;overflow:hidden;min-height:320px;border-radius:19px;background:#183353;box-shadow:0 14px 30px rgba(33,72,110,.2)}.video-frame>img{display:block;width:100%;height:320px;object-fit:cover;opacity:.92}.video-frame:after{position:absolute;inset:0;content:'';background:linear-gradient(transparent 45%,rgba(8,27,50,.78))}.video-frame>button{position:absolute;z-index:1;top:50%;left:50%;width:59px;height:59px;border:1px solid rgba(255,255,255,.8);border-radius:50%;background:rgba(17,45,78,.58);color:#fff;font-size:21px;transform:translate(-50%,-50%);backdrop-filter:blur(10px)}.video-progress{position:absolute;z-index:2;right:20px;bottom:39px;left:20px;height:3px;overflow:hidden;border-radius:3px;background:rgba(255,255,255,.38)}.video-progress i{display:block;width:0;height:100%;background:#e6ff6c;transition:width .3s}.video-frame p{position:absolute;z-index:2;bottom:13px;left:20px;margin:0;color:#fff;font:9px var(--mono)}
@media(max-width:720px){.collection-tools{align-items:stretch;flex-direction:column}.search-field{width:100%}.auth-card{padding:28px 22px}.delivery-card{grid-template-columns:1fr;padding:27px 21px}.video-frame,.video-frame>img{min-height:220px;height:220px}.delivery-actions{grid-template-columns:1fr}.delivery-actions .primary{grid-column:auto}}

.marketing-nav .planner-nav{color:inherit;text-decoration:none;font:inherit;white-space:nowrap;padding:10px 4px}.marketing-nav .planner-nav:hover{color:#336993}.planner-launch{display:inline-flex;align-items:center;gap:12px;text-decoration:none;padding:13px 18px;font-size:12px}.hero-actions{flex-wrap:wrap}.planner-nav:focus-visible,.planner-launch:focus-visible{outline:2px solid #336993;outline-offset:4px}
@media(min-width:1051px){.topbar{gap:22px}.brand{min-width:220px}.marketing-nav{gap:16px}}

.planner-card{display:block;color:inherit;text-decoration:none;transition:transform .2s,border-color .2s}.planner-card:hover{transform:translateY(-3px);border-color:#79aafa}.planner-card:focus-visible{outline:2px solid #336993;outline-offset:4px}

.capability-grid .planner-card{background:linear-gradient(135deg,#dcecff 0%,#c6e0ff 100%);border-color:#8dbcf3;box-shadow:0 12px 30px rgba(42,111,197,.12)}.capability-grid .planner-card h3{color:#1455a0}.capability-grid .planner-card p{color:#375e88}.capability-grid .planner-card>span{color:#246bc0}.capability-grid .planner-card:hover{background:linear-gradient(135deg,#d3e7ff 0%,#b8d7ff 100%);border-color:#5899e5}

.marketing-nav .planner-nav{display:inline-flex;align-items:center;justify-content:center;padding:11px 15px;border:1px solid #165fdb;border-radius:10px;background:linear-gradient(135deg,#287cff,#1762e7);color:#fff;font-weight:600;box-shadow:0 5px 14px rgba(23,98,231,.2)}.marketing-nav .planner-nav:hover{background:linear-gradient(135deg,#176ce9,#1054cc);color:#fff}.marketing-nav .planner-nav:focus-visible{outline:2px solid #1455a0;outline-offset:3px}

.drawing-menu{position:relative;font-size:12px;white-space:nowrap}.drawing-menu summary{cursor:pointer;list-style:none;padding:11px 8px;color:#285d96;font-weight:600}.drawing-menu summary::-webkit-details-marker{display:none}.drawing-menu summary span{margin-left:4px}.drawing-options{position:absolute;z-index:30;left:0;top:calc(100% + 12px);width:230px;padding:8px;border:1px solid #d2e2f5;border-radius:14px;background:#fff;box-shadow:0 12px 32px #204a7c24}.drawing-options a{display:block;padding:12px;color:#1d599b;text-decoration:none;border-radius:8px;font-weight:600}.drawing-options a:hover{background:#eaf3ff}.drawing-options a>span{float:right}.drawing-options small{display:block;margin-top:9px;font-size:10px;font-weight:400;color:#7d96b1}.drawing-shortcut{text-decoration:none;display:inline-flex;align-items:center}.topbar{gap:16px}.marketing-nav{gap:10px}.brand{min-width:200px}.marketing-nav button,.marketing-nav .planner-nav{font-size:12px}@media(min-width:721px) and (max-width:1200px){.topbar{height:auto;flex-wrap:wrap;padding:18px 24px}.marketing-nav{order:3;width:100%;justify-content:center}.account{margin-left:auto}}

.ambient-photo{background-image:radial-gradient(ellipse at 15% 10%,rgba(86,165,255,.16),transparent 55%),linear-gradient(rgba(61,126,201,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(61,126,201,.035) 1px,transparent 1px);background-size:auto,48px 48px,48px 48px}.hero{border:1px solid rgba(150,195,247,.6);box-shadow:0 18px 65px rgba(40,96,164,.08),inset 0 1px 0 #fff}.hero-showcase{position:relative;border:1px solid rgba(113,174,239,.75);box-shadow:0 0 0 7px rgba(213,233,255,.35),0 22px 50px rgba(35,95,165,.17)}.hero-showcase>img{object-position:center}.showcase-chip{border-color:rgba(138,200,255,.75);background:rgba(16,50,86,.64);color:#e8f6ff;backdrop-filter:blur(12px)}.hero-showcase:before{position:absolute;z-index:2;content:"";left:18px;top:18px;width:40px;height:40px;border-left:2px solid #a0d4ff;border-top:2px solid #a0d4ff;pointer-events:none}.hero-showcase:after{position:absolute;z-index:1;content:"";left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,#a7d8ff,transparent);box-shadow:0 0 15px #8cc8ff;animation:hero-scan 8s ease-in-out infinite;pointer-events:none;opacity:.6}.showcase-float{border:1px solid #c7e3ff;background:rgba(241,249,255,.84);box-shadow:0 10px 26px #2866a51a}.hero .eyebrow{color:#2b83d4;letter-spacing:2px}@keyframes hero-scan{0%,100%{top:3%;opacity:0}15%,75%{opacity:.5}90%{top:95%;opacity:0}}@media(prefers-reduced-motion:reduce){.hero-showcase:after{animation:none;display:none}}

.marketing-nav .drawing-menu>summary{display:inline-flex;align-items:center;justify-content:center;padding:11px 15px;border:1px solid #165fdb;border-radius:10px;background:linear-gradient(135deg,#287cff,#1762e7);color:#fff;font-weight:600;box-shadow:0 5px 14px rgba(23,98,231,.2)}.marketing-nav .drawing-menu>summary:hover,.marketing-nav .drawing-menu[open]>summary{background:linear-gradient(135deg,#176ce9,#1054cc);color:#fff}.marketing-nav .drawing-menu>summary:focus-visible{outline:2px solid #1455a0;outline-offset:3px}

.marketing-nav .case-nav{display:inline-flex;align-items:center;justify-content:center;padding:11px 15px;border:1px solid #165fdb;border-radius:10px;background:linear-gradient(135deg,#287cff,#1762e7);color:#fff;font-weight:600;box-shadow:0 5px 14px rgba(23,98,231,.2);white-space:nowrap}.marketing-nav .case-nav:hover{background:linear-gradient(135deg,#176ce9,#1054cc);color:#fff}.marketing-nav .case-nav:focus-visible{outline:2px solid #1455a0;outline-offset:3px}

/* Shared navigation geometry. */
.marketing-nav{align-items:center;gap:6px}.marketing-nav .case-nav,.marketing-nav .planner-nav,.marketing-nav .drawing-menu>summary{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:42px;height:42px;padding:0 14px;border-radius:10px;font-size:12px;font-weight:600;line-height:1;white-space:nowrap;text-decoration:none!important;vertical-align:middle}.marketing-nav .drawing-menu{align-self:center}.marketing-nav .drawing-menu>summary{gap:6px}.marketing-nav .case-nav:hover,.marketing-nav .case-nav:focus,.marketing-nav .planner-nav:hover{text-decoration:none!important}

.quick-workspace{padding:28px 0 32px;color:#17385f}.workspace-intro{position:relative;padding:32px 36px;border-radius:26px;background:radial-gradient(ellipse at 100% 0%,#c7e9ff,transparent 65%),linear-gradient(120deg,#f8fcff,#eaf6ff);border:1px solid white}.workspace-intro h1{font-size:38px;margin:10px 0;color:#132f54}.workspace-intro>p:not(.eyebrow){color:#507498;font-size:14px}.workspace-intro>button{position:absolute;right:36px;top:40px}.workspace-heading{display:flex;justify-content:space-between;align-items:center;margin:26px 4px 18px}.workspace-heading h2{font-size:20px;margin:0}.workspace-heading p{font-size:12px;color:#6a89a7}.workspace-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.workspace-tool{display:block;overflow:hidden;border:1px solid #c9e0f4;border-radius:20px;background:#fafdff;text-decoration:none!important;color:#17385f;transition:transform .2s,box-shadow .2s}.workspace-tool:hover{transform:translateY(-4px);box-shadow:0 14px 30px #2469ad20;border-color:#8ebcf0}.workspace-tool-image{height:145px;position:relative;overflow:hidden;background:#e4f1fa}.workspace-tool-image img{width:100%;height:100%;object-fit:cover}.workspace-tool-image>span{position:absolute;top:13px;left:16px;color:white;background:#173b66c9;padding:5px 8px;border-radius:6px;font:11px monospace}.workspace-tool-copy{padding:20px 22px}.workspace-tool h3{font-size:17px;margin:0 0 10px}.workspace-tool p{font-size:13px;line-height:1.8;color:#65809b;min-height:46px;margin:0 0 18px}.workspace-tool strong{display:flex;justify-content:space-between;color:#216bd5;font-size:13px;padding-top:13px;border-top:1px solid #e1edf7}@media(max-width:900px){.workspace-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.workspace-intro{padding:24px}.workspace-intro h1{font-size:30px}.workspace-intro>button{position:static;margin-top:10px}.workspace-grid{grid-template-columns:1fr}.workspace-heading{display:block}.workspace-tool-image{height:160px}}

/* Complete previews with a consistent frame across every workspace tool. */
.workspace-grid{align-items:stretch}.workspace-tool{display:flex;flex-direction:column}.workspace-tool-image{height:auto;aspect-ratio:16/10;padding:18px;background:radial-gradient(circle at 1px 1px,#8ab6df33 1px,transparent 1.5px) 0 0/16px 16px,linear-gradient(135deg,#eff8ff,#e0eefb);border-bottom:1px solid #d7e7f5;display:flex;align-items:center;justify-content:center}.workspace-tool-image img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;border-radius:10px;filter:drop-shadow(0 5px 8px #28558518)}.workspace-tool-image>span{top:10px;left:10px;padding:5px 8px;background:#1a4a78e8;box-shadow:0 2px 7px #153b6620}.workspace-tool-copy{display:flex;flex-direction:column;flex:1;padding:22px}.workspace-tool h3{line-height:1.5;min-height:26px}.workspace-tool p{flex:1;min-height:48px}.workspace-tool strong{margin-top:auto}.workspace-heading{gap:16px}@media(max-width:600px){.workspace-tool-image{height:auto;aspect-ratio:16/10;padding:16px}.workspace-heading{margin:24px 4px 16px}}

/* Larger complete artwork; transparent birdseye blends with the blue frame. */
.workspace-tool-image{aspect-ratio:4/3;padding:5px}.workspace-tool-image img{border-radius:8px;filter:drop-shadow(0 5px 8px #28558512)}.workspace-tool[href="/ai-drawing"] .workspace-tool-image{padding:7px}.workspace-tool[href="/ai-drawing"] .workspace-tool-image img{filter:drop-shadow(0 7px 8px #28558524)}@media(max-width:600px){.workspace-tool-image{aspect-ratio:4/3;padding:5px}}

/* Edge-to-edge covers requested for the workspace tiles. */
.workspace-tool-image{padding:0;aspect-ratio:4/3}.workspace-tool-image img{width:100%;height:100%;object-fit:cover;border-radius:0;filter:none}.workspace-tool[href="/ai-drawing"] .workspace-tool-image{padding:7px}.workspace-tool[href="/ai-drawing"] .workspace-tool-image img{object-fit:contain;filter:drop-shadow(0 7px 8px #28558524)}@media(max-width:600px){.workspace-tool-image{padding:0;aspect-ratio:4/3}}

/* Floor plans must always show the entire layout, without stretching or clipping. */
.workspace-tool[href="https://anliu-design.duckdns.org/designer/"] .workspace-tool-image img,.workspace-tool[href="/planner"] .workspace-tool-image img{object-fit:contain;object-position:center;filter:drop-shadow(0 3px 7px #28558512)}

/* The supplied portrait plan sets a shared frame ratio: full width, complete plan, aligned cards. */
.workspace-tool-image{aspect-ratio:625/759;padding:0}.workspace-tool-image img{object-fit:cover}.workspace-tool[href="https://anliu-design.duckdns.org/designer/"] .workspace-tool-image img,.workspace-tool[href="/planner"] .workspace-tool-image img{object-fit:cover;filter:none}.workspace-tool[href="/ai-drawing"] .workspace-tool-image{padding:7px}.workspace-tool[href="/ai-drawing"] .workspace-tool-image img{object-fit:contain}@media(max-width:600px){.workspace-tool-image{aspect-ratio:625/759;padding:0}}

.workspace-tool[href="/ai-drawing"] .workspace-tool-image{padding:0;background:#fff}.workspace-tool[href="/ai-drawing"] .workspace-tool-image img{object-fit:contain;filter:none}

/* Model cover cycles between the two supplied plans, preserving the whole footprint. */
.workspace-tool .modeling-cover{aspect-ratio:3/4;position:relative;background:#e2ded3;isolation:isolate}.workspace-tool .modeling-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain!important;filter:none!important;border-radius:0}.model-before{animation:modelBefore 4s ease-in-out infinite}.model-after{animation:modelAfter 4s ease-in-out infinite}.model-phase{position:absolute;bottom:14px;left:14px;padding:7px 12px;border:1px solid #ffffffa6;border-radius:8px;color:#fff;background:#163b64cf;backdrop-filter:blur(8px);font-size:11px;letter-spacing:1px;z-index:2}.phase-before{animation:modelBefore 4s ease-in-out infinite}.phase-after{animation:modelAfter 4s ease-in-out infinite}@keyframes modelBefore{0%,38%,100%{opacity:1}48%,88%{opacity:0}}@keyframes modelAfter{0%,38%,100%{opacity:0}48%,88%{opacity:1}}@media(prefers-reduced-motion:reduce){.model-before,.phase-before{animation:none;opacity:0}.model-after,.phase-after{animation:none;opacity:1}}

/* Compact, consistently aligned tool cards. */
.quick-workspace{padding-top:20px}.workspace-intro{padding:24px 30px}.workspace-intro h1{font-size:30px;margin:8px 0}.workspace-intro>button{top:28px;right:30px}.workspace-heading{margin:22px 4px 16px}.workspace-grid{gap:18px}.workspace-tool{border-radius:17px}.workspace-tool-image,.workspace-tool .modeling-cover{height:210px;aspect-ratio:auto}.workspace-tool-copy{padding:17px 20px}.workspace-tool h3{font-size:16px;line-height:24px;min-height:24px;margin:0 0 8px}.workspace-tool p{font-size:12px;line-height:1.75;min-height:42px;margin-bottom:12px}.workspace-tool strong{padding-top:11px;font-size:12px}.workspace-tool[href="/planner"] .workspace-tool-image{background:#e7e4df}.workspace-tool[href="/planner"] .workspace-tool-image img{object-fit:contain!important}.model-phase{bottom:8px;left:10px;padding:5px 8px;font-size:10px}.workspace-tool .modeling-cover img{object-fit:contain!important}@media(max-width:900px){.workspace-tool-image,.workspace-tool .modeling-cover{height:200px;aspect-ratio:auto}}@media(max-width:600px){.workspace-intro{padding:22px}.workspace-intro>button{position:static}.workspace-tool-image,.workspace-tool .modeling-cover{height:220px;aspect-ratio:auto}.workspace-tool-copy{padding:16px 18px}.workspace-grid{gap:15px}}

/* A deliberate side-by-side composition fills the wide cover with two complete plans. */
.workspace-tool .model-compare{display:grid;grid-template-columns:minmax(0,1fr) 26px minmax(0,1fr);align-items:stretch;padding:12px 14px;background:linear-gradient(130deg,#eaf3fc,#d6e7f7);gap:0}.model-panel{position:relative;overflow:hidden;min-width:0;border:1px solid #ffffffc9;border-radius:10px;background:#e3dfd4;box-shadow:0 4px 12px #214d7720}.workspace-tool .model-compare .model-panel img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain!important;animation:none;filter:none!important}.model-panel b{position:absolute;left:7px;bottom:7px;padding:4px 7px;border-radius:5px;background:#173d68d9;color:#fff;font-size:9px;font-weight:500;z-index:2;letter-spacing:1px}.model-arrow{display:grid;place-items:center;color:#2775cb;font-size:23px;font-weight:500;animation:modelArrowPulse 4s ease-in-out infinite}.model-panel-after{border-color:#8bbdf0;box-shadow:0 4px 16px #2369b52b}.model-scan{position:absolute;left:0;right:0;top:0;height:30%;background:linear-gradient(0deg,#4a9eff05,#4a9eff2b);border-bottom:1px solid #71b5ffb0;animation:modelScan 4s ease-in-out infinite;pointer-events:none}@keyframes modelScan{0%,10%{transform:translateY(-110%);opacity:0}20%{opacity:1}75%{transform:translateY(360%);opacity:1}85%,100%{transform:translateY(360%);opacity:0}}@keyframes modelArrowPulse{0%,100%{opacity:.5;transform:translateX(-2px)}50%{opacity:1;transform:translateX(2px)}}@media(prefers-reduced-motion:reduce){.model-scan{display:none}.model-arrow{animation:none}}

.workspace-tool .video-cover{position:relative}.video-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#12355f88,transparent 70%);pointer-events:none}.video-cover>i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;border:1px solid #fff9;display:grid;place-items:center;background:#f5fcff35;backdrop-filter:blur(6px);font-style:normal;color:white;z-index:2;font-size:18px;padding-left:3px}.video-cover>small{position:absolute;bottom:15px;left:18px;color:white;font-size:10px;letter-spacing:2px;z-index:2}

/* Registered account management */
.account{position:relative}.account-dropdown{position:absolute;top:calc(100% + 12px);right:0;z-index:1000;min-width:190px;padding:12px;border:1px solid #c4dcf6;border-radius:16px;background:#f8fcff;box-shadow:0 16px 40px #16467724}.account-dropdown[hidden]{display:none}.account-dropdown strong{display:block;padding:10px;color:#153c66}.account-dropdown button{display:block;width:100%;padding:11px;text-align:left;border:0;background:transparent;color:#205c9e;border-radius:9px}.account-dropdown button:hover{background:#e5f1ff}.accounts-table-wrap{overflow:auto;border:1px solid #c6def5;border-radius:18px;background:#f9fcff}.accounts-table{width:100%;border-collapse:collapse;white-space:nowrap;color:#234b73}.accounts-table th{background:#e7f2ff;text-align:left;padding:17px}.accounts-table td{padding:18px 17px;border-top:1px solid #dfebf7}.account-status{background:#e1f5ee;color:#177452;padding:5px 10px;border-radius:20px}.account-status.disabled{background:#fce9e9;color:#a33838}.account-actions button,.account-pagination button,#account-status{border:1px solid #b8d5f4;background:#f4f9ff;color:#2465a7;border-radius:9px;padding:9px 12px;margin-right:6px}.account-actions button:disabled,.account-pagination button:disabled{opacity:.45;cursor:default}.account-pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin:24px 0}#accounts-view .collection-tools{gap:16px;flex-wrap:wrap}#accounts-view .admin-stats strong{display:block;font-size:28px;color:#164e91}#accounts-view .admin-stats>div{background:#f3f9ff;border:1px solid #c6def5;border-radius:16px;padding:20px}

.workspace-tool .video-designed{background:radial-gradient(ellipse at 80% 10%,#c4f5fa,transparent 60%),linear-gradient(130deg,#deebff,#f1faff);overflow:hidden}.video-designed:after{display:none}.video-art-label{position:absolute;left:46px;top:17px;font-size:8px;letter-spacing:2px;color:#4774a0}.video-art-label b{margin-left:9px;font-size:10px;letter-spacing:1px;color:#194b80}.video-art-screen{position:absolute;left:18%;right:13%;top:39px;bottom:44px;border:5px solid #f9fdff;border-radius:12px;overflow:hidden;box-shadow:0 10px 25px #153e7740;transform:rotate(-3deg)}.video-art-screen img{width:100%;height:100%;object-fit:cover}.video-art-screen>i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:36px;height:36px;border:1px solid #fff9;border-radius:50%;display:grid;place-items:center;background:#1560b5a0;color:white;font-size:14px;font-style:normal;backdrop-filter:blur(5px)}.video-art-rec{position:absolute;left:9px;top:8px;color:white;text-shadow:0 1px 4px #123;font-size:8px;letter-spacing:1px}.video-art-rec em{margin-left:12px;font-style:normal}.video-art-timeline{position:absolute;bottom:30px;left:10%;right:9%;height:20px;display:flex;align-items:center;gap:5px;padding:3px 8px;border:1px solid #bbd8f2;border-radius:6px;background:#ffffffd9;box-shadow:0 4px 12px #4176af18}.video-art-timeline>b{font-size:8px;color:#4074a2}.video-art-timeline>i{flex:1;height:8px;border-radius:2px;background:#b2cff0}.video-art-timeline>i:nth-child(3n){height:12px;background:#599de1}.video-art-timeline>strong{color:#2686dc;font-size:15px}.video-designed>small{bottom:9px;left:0;width:100%;text-align:center;color:#316a9f;font-size:9px;letter-spacing:2px}

.workspace-tool .video-full{padding:0;background:#f4eee4}.workspace-tool .video-full>img{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:center top;border-radius:0;transform:none}.video-full:after{background:linear-gradient(0deg,#24344044,transparent 45%)}.video-full>i{width:46px;height:46px;background:#ffffff35;border:1px solid #ffffffe0;box-shadow:0 4px 20px #253c4620;backdrop-filter:blur(4px);font-size:17px}.video-full>small{font-size:9px;letter-spacing:2px;bottom:13px;left:17px}

.reference-zones{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:18px 0}.reference-zones button{padding:12px 24px;border:1px solid #bed9f4;border-radius:12px;background:#eff7ff;color:#2b5e8e;font-weight:600}.reference-zones button.active{background:linear-gradient(135deg,#398fff,#1767d8);color:#fff;box-shadow:0 5px 13px #2c7be329}.reference-zones>span{margin-left:auto;color:#6486a6;font-size:12px}.reference-load-more{display:block;margin:28px auto}.reference-load-more[hidden]{display:none}.reference-public-note{padding:0 22px;color:#6484a4;font-size:13px}.real-case-info h2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.reference-zones[hidden]{display:none}

/* Homepage video introduction */
#home-view .hero:not(.card-hero) h1{font-family:"Noto Sans SC",sans-serif;font-weight:600;letter-spacing:.02em;line-height:1.35;font-size:clamp(26px,2.6vw,38px);margin:0 0 22px}
#home-view .hero-intro-video{display:block;width:100%;height:360px;object-fit:contain;background:#132b42;border:1px solid #bdd8f2;border-radius:16px;box-shadow:0 12px 30px #23578314}
#home-view .hero-start-design{min-width:218px;justify-content:space-between;padding:17px 24px;font-size:16px;letter-spacing:.06em;border-radius:14px}
#home-view .hero-actions{margin-top:24px}
@media(max-width:720px){#home-view .hero-intro-video{height:340px}#home-view .hero-start-design{min-width:196px;font-size:15px}}@font-face{font-family:"Bayflow Action Brush";font-style:normal;font-weight:400;font-display:swap;src:url("/assets/fonts/bayflow-action-brush.ttf?v=2") format("truetype")}
#home-view .hero-start-design{font-family:"Bayflow Action Brush","Noto Sans SC",sans-serif;font-size:21px;font-weight:400;letter-spacing:.08em}
#home-view .hero-start-design span{font-family:"Noto Sans SC",sans-serif;font-size:20px}
#home-view .practical-tools-section h2{font-family:"Bayflow Action Brush","Noto Sans SC",sans-serif;font-weight:400;letter-spacing:.08em}
@media(min-width:1051px){
#home-view .hero{column-gap:36px;row-gap:22px;align-items:start}
#home-view .hero-copy{display:contents}
#home-view .hero h1{grid-column:1;grid-row:1;margin:0}
#home-view .hero-intro-video{grid-column:1;grid-row:2;height:360px;box-sizing:border-box}
#home-view .hero-actions{grid-column:1;grid-row:3;margin-top:2px}
#home-view .hero-showcase{grid-column:2;grid-row:2;align-self:start;height:360px;min-height:360px;box-sizing:border-box}
#home-view .hero-showcase>img{display:block;height:100%;min-height:0}
}