@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=DM+Sans:wght@300;400;500&display=swap";*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}button,input{font:inherit}.luxury-page{--navy:#0a0f1e;--accent:#c8a96e;--silver:#ccd6f6;--white:#f0f4ff;--glass:#0a0f1eb3;background:var(--navy);min-height:100vh;color:var(--white);font-family:DM Sans,sans-serif}.locked-page{height:100vh;overflow:hidden}.site-header{z-index:100;background:var(--glass);-webkit-backdrop-filter:blur(15px);border-bottom:1px solid #c8a96e26;justify-content:space-between;align-items:center;width:100%;padding:1.5rem 8%;display:flex;position:fixed;top:0;left:0}.logo{color:var(--white);letter-spacing:.1em;text-transform:uppercase;font-family:Playfair Display,serif;font-size:1.2rem;font-weight:700;text-decoration:none}.logo span,.luxury-page h1 em{color:var(--accent)}.site-header nav ul{gap:2.5rem;margin:0;padding:0;list-style:none;display:flex}.site-header .nav-item{position:relative}.site-header .nav-item>a,.expertise-trigger{color:var(--silver);letter-spacing:.15em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:1rem 0;font:500 .75rem DM Sans,sans-serif;text-decoration:none;transition:color .3s;display:flex}.site-header .nav-item>a:hover,.expertise-trigger:hover,.expertise.open .expertise-trigger{color:var(--accent)}.site-header small{margin-left:4px;font-size:.6rem}.dropdown{opacity:0;visibility:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0d1530fa;border:1px solid #c8a96e33;flex-direction:column;min-width:220px;padding:.8rem 0;transition:all .3s;display:flex;position:absolute;top:100%;left:0;transform:translateY(10px)}.nav-item:hover .dropdown,.nav-item.open .dropdown,.nav-item:focus-within .dropdown{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-label{color:#77819f;letter-spacing:.16em;text-transform:uppercase;padding:.4rem 1.2rem .7rem;font-size:.58rem;font-weight:700}.dropdown a{color:var(--silver);letter-spacing:0;text-transform:none;flex-direction:column;gap:3px;padding:.72rem 1.2rem;font-size:.7rem;text-decoration:none;transition:background .3s,color .3s;display:flex}.dropdown a b{letter-spacing:.06em;text-transform:uppercase;font-size:.73rem}.dropdown a small{color:#8993b0;font-size:.65rem;line-height:1.35}.dropdown a:hover{color:var(--accent);background:#c8a96e1a}.bg-canvas{z-index:0;position:fixed;inset:0}.mesh{z-index:1;pointer-events:none;background:radial-gradient(circle at 20% 30%,#11205099 0%,#0000 50%),radial-gradient(circle at 80% 70%,#c8a96e0d 0%,#0000 50%);position:fixed;inset:0}.grid{z-index:2;pointer-events:none;background-image:linear-gradient(#c8a96e08 1px,#0000 1px),linear-gradient(90deg,#c8a96e08 1px,#0000 1px);background-size:60px 60px;animation:30s linear infinite gridDrift;position:fixed;inset:0}@keyframes gridDrift{0%{background-position:0 0}to{background-position:60px 60px}}.hero-card{z-index:10;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:1.2rem;padding:2rem;display:flex;position:fixed;inset:0}.home-admin-link{z-index:110;text-align:center;letter-spacing:.08em;text-transform:uppercase;font:500 8px DM Sans,sans-serif;position:fixed;bottom:10px;left:0;right:0}.home-admin-link a{color:#a0a9be6b;text-decoration:none}.home-admin-link a:hover{color:var(--accent)}.hero-card h1,.hero-section h1{text-align:center;max-width:900px;margin:0;font-family:Playfair Display,serif;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:700;line-height:1.1}.luxury-page h1 em{font-style:italic}.sub{color:var(--silver);text-align:center;letter-spacing:.05em;opacity:.9;max-width:600px;margin:0;font-size:1.3rem;font-weight:400;line-height:1.4}.fade{opacity:0;animation:1.2s forwards fadeUp}.delay-one{animation-delay:.3s}.delay-two{animation-delay:.6s}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.web-page{overflow-x:hidden}.web-page .bg-canvas{z-index:0}.web-page .mesh,.web-page .grid{z-index:1}.content-wrapper{z-index:10;flex-direction:column;align-items:center;gap:5rem;padding:150px 8% 100px;display:flex;position:relative}.hero-section{text-align:center;max-width:900px}.hero-section h1{margin-bottom:1.5rem;font-size:clamp(2.5rem,6vw,4rem)}.hero-section p{color:var(--silver);margin:0;font-size:1.2rem;line-height:1.6}.detail-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;width:100%;max-width:1200px;display:grid}.detail-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #c8a96e1a;padding:2.5rem;transition:transform .3s,border .3s}.detail-card:hover{border-color:var(--accent);transform:translateY(-5px)}.detail-card h2{color:var(--accent);letter-spacing:.05em;margin:0 0 1.5rem;font-family:Playfair Display,serif;font-size:1.8rem}.detail-card ul{margin:0;padding:0;list-style:none}.detail-card li{color:var(--silver);align-items:center;gap:10px;margin-bottom:.8rem;font-size:.95rem;display:flex}.detail-card li:before{content:"";background:var(--accent);flex:none;width:6px;height:6px}.detail-card{scroll-margin-top:120px}.technical-section{width:100%;max-width:1200px;padding-top:25px;scroll-margin-top:110px}.technical-heading{text-align:center;max-width:780px;margin:0 auto 42px}.technical-heading>span{color:var(--accent);letter-spacing:.2em;font-size:.65rem;font-weight:700}.technical-heading h2{margin:13px 0 15px;font:700 clamp(2.2rem,4vw,3.5rem)/1.1 Playfair Display,serif}.technical-heading p{color:var(--silver);margin:0;font-size:1rem;line-height:1.7}.technical-grid{max-width:none}.portfolio-page{background:#080d19;overflow-x:hidden}.portfolio-page .bg-canvas{opacity:.45}.portfolio-page .mesh,.portfolio-page .grid{opacity:.75}.portfolio-hero,.portfolio-intro,.capability-grid,.product-story,.saas-possibilities,.portfolio-cta,.portfolio-footer{z-index:10;position:relative}.portfolio-hero{text-align:center;flex-direction:column;align-items:center;min-height:100vh;padding:170px 8% 90px;display:flex}.portfolio-kicker,.portfolio-intro>span,.story-copy>span,.saas-possibilities>span{color:var(--accent);letter-spacing:.2em;font-size:.65rem;font-weight:700}.portfolio-hero h1{max-width:950px;margin:22px 0 20px;font:700 clamp(3rem,6vw,5.7rem)/1.02 Playfair Display,serif}.portfolio-hero h1 em{color:var(--accent);font-style:italic}.portfolio-hero>p{max-width:730px;color:var(--silver);margin:0;font-size:1.1rem;line-height:1.7}.portfolio-actions{gap:10px;margin:30px 0 56px;display:flex}.portfolio-actions a,.portfolio-cta a{color:#0a0f1e;background:var(--accent);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--accent);padding:13px 20px;font-size:.7rem;font-weight:800;text-decoration:none}.portfolio-actions .secondary{color:var(--white);background:0 0}.hero-product-frame{text-align:left;background:#11192c;border:1px solid #c8a96e40;width:min(1050px,100%);overflow:hidden;box-shadow:0 35px 100px #00000073}.browser-chrome{background:#151d31;border-bottom:1px solid #27304a;align-items:center;gap:7px;height:42px;padding:0 14px;display:flex}.browser-chrome i{background:#505a73;border-radius:50%;width:8px;height:8px}.browser-chrome span{color:#78829c;margin-left:10px;font-size:.65rem}.hero-product-frame img{width:100%;height:auto;display:block}.portfolio-intro{text-align:center;max-width:800px;margin:0 auto;padding:120px 24px 50px}.portfolio-intro h2,.product-story h2,.saas-possibilities h2,.portfolio-cta h2{margin:14px 0 18px;font:700 clamp(2.2rem,4vw,3.8rem)/1.08 Playfair Display,serif}.portfolio-intro p{color:var(--silver);font-size:1.05rem;line-height:1.7}.capability-grid{background:#c8a96e24;border:1px solid #c8a96e24;grid-template-columns:repeat(3,1fr);gap:1px;max-width:1200px;margin:0 auto 140px;display:grid}.capability-grid article{background:#0c1324;min-height:260px;padding:32px}.capability-grid article>b{color:var(--accent);font:400 .7rem DM Sans,sans-serif}.capability-grid h3{margin:38px 0 14px;font:700 1.45rem Playfair Display,serif}.capability-grid p{color:#9fa9c3;margin:0;font-size:.87rem;line-height:1.65}.product-story{grid-template-columns:.8fr 1.2fr;align-items:center;gap:70px;max-width:1200px;margin:0 auto 140px;padding:0 24px;display:grid}.product-story.reverse{grid-template-columns:1.2fr .8fr}.product-story.reverse .story-copy{order:2}.story-copy p{color:var(--silver);line-height:1.7}.story-copy ul{margin:25px 0 0;padding:0;list-style:none}.story-copy li{color:#b8c1d9;border-bottom:1px solid #c8a96e1f;padding:10px 0;font-size:.85rem}.story-copy li:before{content:"—";color:var(--accent);margin-right:10px}.story-image{background:#111a2e;border:1px solid #c8a96e2e;padding:14px;box-shadow:0 25px 70px #0000004d}.story-image img{width:100%;display:block}.saas-possibilities{text-align:center;max-width:1200px;margin:0 auto;padding:50px 24px 140px}.saas-possibilities>div{flex-wrap:wrap;justify-content:center;gap:9px;margin-top:35px;display:flex}.saas-possibilities>div span{color:var(--silver);background:#ffffff06;border:1px solid #c8a96e33;padding:12px 16px;font-size:.75rem}.portfolio-cta{text-align:center;background:linear-gradient(135deg,#111b32,#171727);border-top:1px solid #c8a96e26;border-bottom:1px solid #c8a96e26;padding:110px 24px}.portfolio-cta p{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.75rem}.portfolio-cta h2{margin-bottom:32px}.portfolio-footer{color:#737d98;justify-content:space-between;gap:30px;padding:35px 8%;font-size:.65rem;display:flex}.portfolio-footer span{color:var(--accent);letter-spacing:.1em;font-weight:700}.portfolio-footer p{text-align:right;max-width:600px;margin:0}@media (width<=800px){.portfolio-hero{padding-top:150px}.capability-grid{grid-template-columns:1fr}.product-story,.product-story.reverse{grid-template-columns:1fr;gap:35px}.product-story.reverse .story-copy{order:0}.portfolio-footer{flex-direction:column}.portfolio-footer p{text-align:left}.portfolio-actions{flex-direction:column}.dropdown{left:auto;right:0}.site-header .nav-item>a,.expertise-trigger{padding:.4rem 0;font-size:.62rem}}.builder-page{--accent:#6366f1;--success:#22c55e;--danger:#ef4444;--sidebar-bg:#1e293b;--canvas-bg:#f1f5f9;--input-bg:#0f172a;background:var(--canvas-bg);height:100vh;font-family:Inter,sans-serif;display:flex;overflow:hidden}.sidebar{background:var(--sidebar-bg);color:#fff;z-index:100;flex-direction:column;flex:0 0 320px;width:320px;padding:20px;display:flex;overflow-y:auto;box-shadow:4px 0 15px #0000004d}.section-title{color:#94a3b8;text-transform:uppercase;letter-spacing:1.5px;border-bottom:1px solid #334155;margin:25px 0 12px;padding-bottom:5px;font-size:.75rem}.btn-group{grid-template-columns:1fr 1fr;gap:8px;display:grid}.builder-page button{cursor:pointer;color:#fff;background:#334155;border:0;border-radius:6px;padding:10px;font-weight:600;transition:all .2s}.builder-page button:hover{background:var(--accent)}.control-group{margin-bottom:12px}.builder-page label{color:#94a3b8;margin-bottom:4px;font-size:11px;display:block}.builder-page input{background:var(--input-bg);color:#fff;border:1px solid #334155;border-radius:4px;outline:none;width:100%;padding:10px}.nav-link-inputs{border-left:2px solid var(--accent);margin-top:10px;padding-left:10px}.nav-link-inputs input{margin-bottom:5px}.review-form{background:#0f172a;border-radius:8px;padding:15px}.review-form input{margin-bottom:10px}.builder-page .submit-btn{background:var(--success);width:100%;margin-top:5px}.status-msg{text-align:center;margin-top:10px;font-size:12px}.builder-canvas{background-image:radial-gradient(#cbd5e1 1px,#0000 1px);background-size:30px 30px;flex-grow:1;position:relative;overflow:hidden}.comp-wrapper{cursor:move;background:#fff6;border:2px dashed #94a3b8;justify-content:center;align-items:center;min-width:120px;padding:12px;display:flex;position:absolute}.comp-wrapper.active{border:2px solid var(--accent);z-index:50;background:#6366f10d}.comp-wrapper.finalized{cursor:default;background:0 0;border:2px solid #0000}.builder-page .finalize-btn{background:var(--success);white-space:nowrap;padding:6px 10px;font-size:10px;position:absolute;top:-38px;left:0}.resizer{background:var(--accent);cursor:nwse-resize;border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;bottom:-6px;right:-6px}.inner-content{pointer-events:none;text-align:center;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.inner-content h1,.inner-content p,.inner-content div{margin:0}.nav-mock{border-radius:4px;gap:20px;padding:12px 20px;box-shadow:0 2px 8px #0000001a}.builder-page .discard{background:var(--danger);width:100%}.payment-page{--bg-deep:#0f172a;--card-bg:#1e293b;--accent-purple:#8b5cf6;--accent-cyan:#06b6d4;--text-main:#f8fafc;--text-dim:#94a3b8;background:var(--bg-deep);color:var(--text-main);justify-content:center;align-items:center;min-height:100vh;padding:20px;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex}.portal-card{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff1a;border-radius:16px;width:100%;max-width:420px;padding:2.5rem;box-shadow:0 25px 50px -12px #00000080}.logo-header{text-align:center;margin-bottom:2rem}.logo-header h1{letter-spacing:-.025em;background:linear-gradient(to right,var(--accent-cyan),var(--accent-purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:1.5rem}.logo-header p{color:var(--text-dim);font-size:.9rem}.input-group{margin-bottom:1.25rem}.payment-page label{color:var(--text-dim);margin-bottom:.5rem;font-size:.85rem;display:block}.payment-page input{color:#fff;background:#0f172a;border:1px solid #334155;border-radius:8px;width:100%;padding:12px;transition:border .3s}.payment-page input:focus{border-color:var(--accent-purple);outline:none}.btn-action{background:linear-gradient(135deg,var(--accent-purple),#6d28d9);color:#fff;cursor:pointer;border:0;border-radius:8px;width:100%;padding:12px;font-weight:600;transition:transform .2s,opacity .2s}.btn-action:hover{opacity:.9;transform:translateY(-1px)}@media (width<=800px){.site-header{flex-direction:column;gap:.5rem;padding:1rem 5%}.site-header nav ul{flex-wrap:wrap;justify-content:center;gap:.8rem}.site-header .nav-item>a{padding:.4rem 0;font-size:.62rem}.hero-card{padding-top:8rem}}.studio-shell{--ink:#172033;--muted:#687086;--line:#dde1e9;--panel:#fff;--blue:#5b5cf0;height:100dvh;color:var(--ink);background:#eef0f4;grid-template-rows:64px minmax(0,1fr);grid-template-columns:76px 320px 1fr;font-family:Inter,DM Sans,sans-serif;display:grid;overflow:hidden}.studio-topbar{color:#fff;z-index:20;background:#11172a;border-bottom:1px solid #2a3044;grid-column:1/-1;align-items:center;gap:24px;padding:0 18px 0 22px;display:flex}.studio-brand{color:#fff;letter-spacing:.08em;white-space:nowrap;font-family:Playfair Display,serif;font-size:14px;text-decoration:none}.studio-brand b{color:#b8b9ff;margin-left:8px;font-family:Inter,sans-serif;font-size:10px}.project-title{color:#e9ebf5;text-align:center;background:0 0;border:1px solid #0000;border-radius:7px;width:min(330px,30vw);margin:auto;padding:8px;font-weight:600}.project-title:hover,.project-title:focus{background:#1b2238;border-color:#434a64;outline:0}.top-actions{align-items:center;gap:7px;display:flex}.top-actions button,.primary-action{color:#fff;cursor:pointer;background:#1d2438;border:1px solid #343b53;border-radius:8px;padding:9px 13px;font-weight:650}.top-actions button:hover{background:#2b3450}.top-actions button:disabled{opacity:.35;cursor:default}.primary-action,.top-actions .primary-action{background:var(--blue);border-color:var(--blue)}.tool-rail{z-index:12;background:#171e32;flex-direction:column;grid-row:2;gap:6px;min-height:0;padding:12px 7px 40px;display:flex;overflow-y:auto}.tool-rail button{color:#aab1c5;cursor:pointer;background:0 0;border:0;border-radius:9px;flex-direction:column;align-items:center;gap:5px;padding:11px 3px;font-size:10px;display:flex}.tool-rail button span{font-size:23px;line-height:24px}.tool-rail button:hover,.tool-rail button.active{color:#fff;background:#293149}.studio-panel{overscroll-behavior-y:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;scrollbar-width:auto;scrollbar-color:#8d94a6 #f2f3f7;scrollbar-gutter:stable both-edges;background:var(--panel);border-right:1px solid var(--line);z-index:10;grid-area:2/2;width:100%;height:100%;min-height:0;max-height:calc(100dvh - 64px);padding:22px 18px 100px;overflow:hidden scroll}.studio-panel::-webkit-scrollbar{width:10px}.studio-panel::-webkit-scrollbar-track{background:#f2f3f7}.studio-panel::-webkit-scrollbar-thumb{background:#b7bcc9;border:2px solid #f2f3f7;border-radius:10px}.studio-panel::-webkit-scrollbar-thumb:hover{background:#8d94a6}.panel-title{margin:0 0 18px}.panel-title:not(:first-child){margin-top:28px}.panel-title h2{margin:0 0 5px;font-size:18px}.panel-title p{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.element-grid{grid-template-columns:repeat(2,1fr);gap:9px;display:grid}.element-grid button{border:1px solid var(--line);cursor:pointer;min-height:78px;color:var(--ink);background:#fff;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:7px;display:flex}.element-grid button:hover{border-color:var(--blue);color:var(--blue);box-shadow:0 4px 15px #5b5cf01a}.element-grid b{font-family:Georgia,serif;font-size:25px;line-height:1}.element-grid span{font-size:12px;font-weight:650}.template-list{flex-direction:column;gap:9px;display:flex}.template-list button{text-align:left;border:1px solid var(--line);cursor:pointer;background:#fafbfc;border-radius:9px;flex-direction:column;padding:13px 14px;display:flex}.template-list button:hover{border-color:var(--blue);background:#f7f7ff}.template-list b{margin-bottom:3px;font-size:13px}.template-list span{color:var(--muted);font-size:11px}.wide-add{width:100%;color:var(--blue);cursor:pointer;background:#f8f8ff;border:1px dashed #aeb4c3;border-radius:9px;padding:12px;font-weight:700}.page-list{flex-direction:column;gap:7px;margin-top:14px;display:flex}.page-row{cursor:pointer;border:1px solid #0000;border-radius:8px;grid-template-columns:24px 1fr 24px;align-items:center;gap:5px;padding:6px 7px;display:grid}.page-row:hover,.page-row.active{background:#f1f1ff;border-color:#dadaff}.page-row input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;padding:6px 2px;font-weight:600}.page-row button{color:#8a91a3;cursor:pointer;background:0 0;border:0;font-size:18px}.empty-panel{text-align:center;color:var(--muted);padding:42px 12px}.empty-panel>b{color:#7d8496;background:#f0f1f5;border-radius:50%;place-items:center;width:54px;height:54px;margin:0 auto 15px;font-size:25px;display:grid}.empty-panel h3{color:var(--ink);margin:0 0 7px;font-size:15px}.empty-panel p{margin:0;font-size:12px;line-height:1.55}.design-field{margin-bottom:13px;display:block}.design-field>span{color:#596175;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.design-field input,.design-field select,.design-field textarea{border:1px solid var(--line);width:100%;min-height:38px;color:var(--ink);background:#fff;border-radius:7px;outline:0;padding:8px}.design-field textarea{resize:vertical;min-height:76px}.design-field input:focus,.design-field select:focus,.design-field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #5b5cf01a}.design-field input[type=color]{padding:4px}.design-field input[type=range]{padding:0}.two-fields{grid-template-columns:1fr 1fr;gap:9px;display:grid}.element-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:20px;display:grid}.element-actions button{border:1px solid var(--line);cursor:pointer;background:#f7f8fa;border-radius:8px;padding:10px;font-weight:650}.element-actions .danger{color:#d34150;background:#fff5f6;border-color:#f1cdd1}.copy-pages{background:#f7f7ff;border:1px solid #dfe2ee;border-radius:10px;grid-template-columns:1fr auto;gap:8px;margin-top:18px;padding:13px;display:grid}.copy-pages>b{color:#424b61;grid-column:1/-1;font-size:11px}.copy-pages select{border:1px solid var(--line);width:100%;min-width:0;color:var(--ink);background:#fff;border-radius:7px;padding:8px}.copy-pages button{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:7px;padding:8px 11px;font-weight:700}.copy-pages.empty{color:#8a91a3;flex-direction:column;font-size:11px;display:flex}.layer-list{flex-direction:column;gap:5px;display:flex}.layer-list button{text-align:left;cursor:pointer;background:#fff;border:1px solid #0000;border-radius:7px;grid-template-columns:26px 1fr 24px;align-items:center;gap:7px;padding:9px;display:grid}.layer-list button:hover,.layer-list button.active{background:#f1f1ff;border-color:#dadaff}.layer-list b{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.layer-list small{color:#979daf}.workspace{grid-area:2/3;grid-template-rows:48px minmax(0,1fr);min-width:0;min-height:0;display:grid;overflow:hidden}.workspace-toolbar{border-bottom:1px solid var(--line);color:#6c7385;background:#f8f9fb;justify-content:center;align-items:center;gap:12px;font-size:11px;display:flex}.style-shortcut{color:#4f5770;cursor:pointer;background:#fff;border:1px solid #d8dbe4;border-radius:7px;padding:7px 10px;font-size:11px;font-weight:650;position:absolute;left:420px}.style-shortcut:hover{border-color:var(--blue);color:var(--blue)}.device-switch,.zoom{background:#e6e8ed;border-radius:7px;padding:2px;display:flex}.device-switch button,.zoom button{color:#6c7385;cursor:pointer;background:0 0;border:0;border-radius:5px;min-width:30px;height:27px}.device-switch button.active{color:var(--blue);background:#fff;box-shadow:0 1px 4px #0000001f}.zoom span{place-items:center;width:46px;font-size:11px;display:grid}.canvas-scroll{background-color:#e6e8ed;background-image:radial-gradient(#c6c9d1 .7px,#0000 .7px);background-size:18px 18px;justify-content:center;align-items:flex-start;padding:36px 60px 100px;display:flex;overflow:auto}.page-canvas{background:#fff;flex:none;transition:width .25s;position:relative;overflow:hidden;box-shadow:0 10px 38px #181f342e}.canvas-page-label{color:#a2a7b4;letter-spacing:.08em;text-transform:uppercase;pointer-events:none;font:600 10px Inter,sans-serif;position:absolute;top:14px;left:18px}.canvas-welcome{color:#6f778b;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:30px;display:flex;position:absolute;inset:0}.canvas-welcome>b{color:#252d40;font:700 27px Playfair Display,serif}.canvas-welcome>span{max-width:430px;font-size:13px;line-height:1.5}.canvas-welcome>div{gap:8px;margin-top:8px;display:flex}.canvas-welcome button{color:#4c5469;cursor:pointer;background:#fff;border:1px solid #d9dce5;border-radius:8px;padding:10px 13px;font-weight:650}.canvas-welcome button:first-child{background:var(--blue);border-color:var(--blue);color:#fff}.page-canvas.pattern-dots:after,.page-canvas.pattern-checker:after,.page-canvas.pattern-grid:after,.page-canvas.pattern-glow:after{content:"";z-index:0;pointer-events:none;position:absolute;inset:0}.page-canvas.pattern-dots:after{background-image:radial-gradient(#323a4e26 1px,#0000 1px);background-size:20px 20px}.page-canvas.pattern-checker:after{background-image:linear-gradient(45deg,#323a4e14 25%,#0000 25%),linear-gradient(-45deg,#323a4e14 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#323a4e14 75%),linear-gradient(-45deg,#0000 75%,#323a4e14 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px}.page-canvas.pattern-grid:after{background-image:linear-gradient(#323a4e14 1px,#0000 1px),linear-gradient(90deg,#323a4e14 1px,#0000 1px);background-size:32px 32px}.page-canvas.pattern-glow:after{background:radial-gradient(circle at 15% 10%,#5b5cf038,#0000 36%),radial-gradient(circle at 90% 80%,#3ed0aa26,#0000 32%)}.page-canvas .studio-element,.page-canvas .canvas-page-label,.page-canvas .canvas-welcome{z-index:2}.theme-grid{grid-template-columns:repeat(2,1fr);gap:9px;display:grid}.theme-grid button{border:1px solid var(--line);cursor:pointer;text-align:left;background:#fff;border-radius:9px;padding:9px}.theme-grid button:hover{border-color:var(--blue);box-shadow:0 3px 12px #5b5cf01a}.theme-grid button>span{border:1px solid #e1e3e9;border-radius:6px;height:29px;margin-bottom:7px;display:flex;overflow:hidden}.theme-grid i{flex:1}.theme-grid b{font-size:11px}.segmented{background:#eef0f4;border-radius:8px;grid-template-columns:1fr 1fr;margin-bottom:13px;padding:3px;display:grid}.segmented button{color:#6b7285;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:8px;font-size:11px;font-weight:700}.segmented button.active{color:var(--blue);background:#fff;box-shadow:0 1px 5px #0000001a}.pattern-picker{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.pattern-picker button{border:1px solid var(--line);color:#646c7f;cursor:pointer;background:#fff;border-radius:9px;padding:6px;font-size:10px;font-weight:700}.pattern-picker button.active{border-color:var(--blue);color:var(--blue);box-shadow:0 0 0 2px #5b5cf01a}.pattern-picker i{background-color:#f8f9fc;border-radius:5px;height:38px;margin-bottom:5px;display:block}.pattern-preview-dots i{background-image:radial-gradient(#8990a2 1px,#0000 1px);background-size:8px 8px}.pattern-preview-checker i{background-image:linear-gradient(45deg,#dfe2e9 25%,#0000 25%),linear-gradient(-45deg,#dfe2e9 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#dfe2e9 75%),linear-gradient(-45deg,#0000 75%,#dfe2e9 75%);background-position:0 0,0 7px,7px -7px,-7px 0;background-size:14px 14px}.pattern-preview-grid i{background-image:linear-gradient(#d7dae3 1px,#0000 1px),linear-gradient(90deg,#d7dae3 1px,#0000 1px);background-size:10px 10px}.pattern-preview-glow i{background:radial-gradient(circle at 20% 20%,#b9bbff,#0000 48%),radial-gradient(circle at 80% 80%,#b6f2df,#0000 42%),#f8f9fc}.background-colors{grid-template-columns:repeat(2,1fr);gap:9px;display:grid}.background-colors .design-field:only-child{grid-column:1/-1}.reset-style{border:1px solid var(--line);color:#626a7d;cursor:pointer;background:#f7f8fa;border-radius:8px;width:100%;padding:10px;font-weight:650}.studio-element{cursor:move;-webkit-user-select:none;user-select:none;box-sizing:border-box;align-items:center;line-height:1.25;display:flex;position:absolute}.studio-element>span{white-space:pre-wrap;width:100%}.studio-element img{border-radius:inherit;pointer-events:none;width:100%;height:100%}.image-placeholder{color:#7b8498;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;height:100%;display:flex}.image-placeholder b{font-size:30px}.image-placeholder span{font-size:12px}.studio-element.selected{outline:2px solid var(--blue);outline-offset:2px}.resize-handle{border:2px solid var(--blue);z-index:3;background:#fff;border-radius:50%;width:9px;height:9px;position:absolute}.resize-handle.nw{top:-7px;left:-7px}.resize-handle.ne{top:-7px;right:-7px}.resize-handle.sw{bottom:-7px;left:-7px}.resize-handle.se{cursor:nwse-resize;bottom:-7px;right:-7px}.size-chip{color:#fff;white-space:nowrap;background:#242b3f;border-radius:4px;padding:3px 6px;font:9px Inter,sans-serif;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}.modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0c111eb8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.submit-modal{background:#fff;border-radius:16px;width:min(520px,100%);max-height:90vh;padding:32px;position:relative;overflow:auto;box-shadow:0 30px 80px #0000004d}.modal-close{color:#7d8496;cursor:pointer;background:0 0;border:0;font-size:27px;position:absolute;top:13px;right:16px}.eyebrow{color:var(--blue);letter-spacing:.15em;font-size:10px;font-weight:800}.submit-modal h2{margin:9px 0;font:700 28px Playfair Display,serif}.submit-modal>p,.submit-success p{color:var(--muted);font-size:13px;line-height:1.5}.submit-modal form label{color:#565e70;margin-top:13px;font-size:11px;font-weight:700;display:block}.submit-modal form input,.submit-modal form textarea{border:1px solid var(--line);border-radius:8px;outline:0;width:100%;margin-top:6px;padding:10px;display:block}.submit-modal form textarea{min-height:74px}.package-summary{background:#f4f4ff;border-radius:8px;justify-content:space-between;margin:18px 0 12px;padding:13px;font-size:12px;display:flex}.package-summary span{color:var(--muted)}.submit-modal .primary-action{width:100%;padding:12px}.submit-modal form small{color:#9298a7;margin-top:10px;line-height:1.4;display:block}.submit-success{text-align:center;padding:20px 4px}.submit-success>b{color:#fff;background:#24ad72;border-radius:50%;place-items:center;width:58px;height:58px;margin:auto;font-size:28px;display:grid}.studio-toast{z-index:1100;color:#fff;background:#172033;border-radius:9px;padding:12px 18px;font-size:12px;position:fixed;bottom:22px;right:22px;box-shadow:0 9px 30px #00000038}@media (width<=900px){.studio-shell{grid-template-columns:62px 270px 1fr}.studio-panel{padding:18px 14px}.studio-brand b,.top-actions button:not(.primary-action){display:none}.canvas-scroll{padding-left:30px;padding-right:30px}}.submit-modal form select{border:1px solid var(--line);background:#fff;border-radius:8px;outline:0;width:100%;margin-top:6px;padding:10px;display:block}.format-select{color:#343c52;font-weight:700}.format-explainer{color:#626a7d;background:#f4f4ff;border-radius:7px;margin:8px 0 3px;padding:9px 11px;font-size:11px;line-height:1.4}.generate-error{color:#bd3443;background:#fff0f1;border-radius:7px;margin:0 0 10px;padding:9px 11px;font-size:11px}.draft-modal form .primary-action{margin-top:18px}.submit-modal .primary-action:disabled{opacity:.6;cursor:wait}.hero-product-frame.ez-live-shot{max-height:640px}.hero-product-frame.ez-live-shot>img{transform:translateY(-1px)}.story-image.ez-crop{height:480px;padding:0;overflow:hidden}.story-image.ez-crop img{width:100%;height:auto}.dashboard-crop img{transform:translateY(-15%)}.features-crop img{transform:translateY(-56%)}.portfolio-footer a{color:#9ca8c5}.portfolio-contact-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.portfolio-contact-actions .email-action{color:var(--white);background:0 0}.admin-login,.admin-shell{color:#172033;background:#f3f1eb;min-height:100vh;font-family:Inter,Arial,sans-serif}.admin-login{place-items:center;padding:28px;display:grid}.admin-login>section{background:#fff;border:1px solid #ddd9ce;width:min(520px,100%);padding:48px;box-shadow:0 24px 70px #1c1f271f}.admin-brand{color:#172033;letter-spacing:.08em;font-size:14px;text-decoration:none}.admin-brand b{color:#b08b4f}.admin-login section>span,.admin-heading>div>span,.submission-detail span{color:#9b7842;letter-spacing:.16em;margin-top:38px;font-size:11px;font-weight:800;display:block}.admin-login h1{margin:10px 0 12px;font-family:Georgia,serif;font-size:48px}.admin-login p{color:#697183;line-height:1.7}.admin-login form{gap:16px;margin:28px 0;display:grid}.admin-login label{gap:8px;font-size:12px;font-weight:700;display:grid}.admin-login input{font:inherit;border:1px solid #ccd0d8;border-radius:6px;padding:15px}.admin-login button,.download-package{color:#fff;cursor:pointer;background:#172033;border:0;border-radius:6px;padding:15px 18px;font-weight:800}.admin-login section>a:last-child{color:#697183;font-size:13px}.admin-message{color:#745419;background:#fff5da;border:1px solid #ead59f;border-radius:6px;margin:14px 0;padding:12px 14px;font-size:13px}.admin-message.wide{margin:0 36px 20px}.admin-shell>header{color:#fff;background:#172033;justify-content:space-between;align-items:center;height:74px;padding:0 36px;display:flex}.admin-shell>header .admin-brand{color:#fff}.admin-shell>header>div{align-items:center;gap:18px;display:flex}.admin-shell>header span{color:#aeb6c7;border-left:1px solid #465067;padding-left:18px;font-size:12px}.admin-shell>header button{color:#fff;cursor:pointer;background:0 0;border:1px solid #586178;border-radius:5px;padding:9px 13px}.admin-heading{justify-content:space-between;align-items:flex-end;padding:48px 36px 28px;display:flex}.admin-heading>div>span{margin:0}.admin-heading h1{margin:8px 0;font:48px Georgia,serif}.admin-heading p{color:#697183;margin:0}.admin-total{background:#fff;border:1px solid #dedad0;min-width:140px;padding:18px 25px}.admin-total b{font:34px Georgia,serif;display:block}.admin-total span{color:#727989;font-size:11px}.admin-stats{grid-template-columns:repeat(5,1fr);gap:12px;padding:0 36px 24px;display:grid}.admin-stats button{text-align:left;cursor:pointer;background:#fff;border:1px solid #dedad0;border-radius:5px;padding:16px}.admin-stats button.active{border-color:#b08b4f;box-shadow:inset 0 0 0 1px #b08b4f}.admin-stats b{font:28px Georgia,serif;display:block}.admin-stats span{text-transform:capitalize;color:#697183;font-size:11px}.admin-content{grid-template-columns:minmax(430px,1fr) minmax(360px,.8fr);gap:18px;padding:0 36px 48px;display:grid}.submission-list,.submission-detail{background:#fff;border:1px solid #dedad0;min-height:520px}.submission-toolbar{border-bottom:1px solid #e5e2db;justify-content:space-between;align-items:center;padding:18px;display:flex}.submission-toolbar button{color:#8a6b3c;cursor:pointer;background:0 0;border:0}.submission-list>button{text-align:left;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #ece9e2;grid-template-columns:10px 1fr auto;align-items:center;gap:13px;width:100%;padding:17px 18px;display:grid}.submission-list>button:hover,.submission-list>button.active{background:#faf8f2}.submission-list>button.active{box-shadow:inset 3px 0 #b08b4f}.submission-list>button div b,.submission-list>button div span{display:block}.submission-list>button div span{color:#747b89;margin-top:5px;font-size:12px}.submission-list aside{text-align:right}.submission-list aside b,.submission-list aside time{font-size:11px;display:block}.submission-list aside time{color:#8b919e;margin-top:5px}.status-dot{background:#aeb4c0;border-radius:50%;width:8px;height:8px}.status-dot.new{background:#d39a37}.status-dot.reviewing{background:#5579d8}.status-dot.quoted{background:#9560c4}.status-dot.in_progress{background:#2d9c86}.status-dot.completed{background:#39a960}.status-dot.archived{background:#8b919e}.admin-empty,.detail-placeholder{text-align:center;color:#858b98;padding:70px 24px}.submission-detail{padding:26px}.detail-top{border-bottom:1px solid #e7e3db;justify-content:space-between;align-items:flex-start;padding-bottom:20px;display:flex}.detail-top span{margin:0}.detail-top h2{margin:8px 0 0;font:34px Georgia,serif}.detail-top select{text-transform:capitalize;border:1px solid #d6d2ca;padding:10px}.submission-detail dl{grid-template-columns:1fr 1fr;gap:0;margin:20px 0;display:grid}.submission-detail dl div{border-bottom:1px solid #ece9e2;padding:14px 0}.submission-detail dt{color:#8b919d;text-transform:uppercase;letter-spacing:.1em;font-size:10px}.submission-detail dd{margin:6px 0 0;font-size:13px}.submission-detail dd a{color:#8b6833}.admin-notes p{color:#626a79;line-height:1.65}.admin-page-list>span,.admin-notes>span{margin:22px 0 10px}.admin-page-list div{border-bottom:1px solid #ece9e2;justify-content:space-between;padding:11px 0;display:flex}.admin-page-list small{color:#7d8491}.download-package{width:100%;margin-top:24px}.download-package:disabled{opacity:.4;cursor:not-allowed}.detail-placeholder b{color:#b08b4f;font-size:32px}.detail-placeholder h3{color:#172033;font:26px Georgia,serif}.detail-placeholder p{line-height:1.6}.admin-shell button:disabled{opacity:.55}@media (width<=900px){.admin-stats{grid-template-columns:repeat(2,1fr)}.admin-content{grid-template-columns:1fr}.admin-heading{align-items:flex-start;gap:20px}.admin-total{display:none}}@media (width<=600px){.admin-shell>header,.admin-heading,.admin-stats,.admin-content{padding-left:18px;padding-right:18px}.admin-shell>header span{display:none}.admin-heading h1{font-size:38px}.admin-heading{padding-top:32px}.admin-stats{grid-template-columns:1fr 1fr}.submission-list>button{grid-template-columns:10px 1fr}.submission-list aside{display:none}.submission-detail dl{grid-template-columns:1fr}.admin-login>section{padding:30px}.admin-login h1{font-size:38px}}.admin-generator{background:#f4f6ff;border:1px solid #dfe3f7;border-radius:18px;margin-top:24px;padding:22px}.admin-generator>span{letter-spacing:.12em;color:#5b5cf0;font-size:11px;font-weight:800;display:block}.admin-generator p{color:#596174;margin:8px 0 14px}.admin-generator select{width:100%;font:inherit;background:#fff;border:1px solid #cfd5e5;border-radius:10px;margin-bottom:10px;padding:13px 14px}.admin-generator .download-package{margin-top:0}.admin-generator .download-package.secondary{color:#172033;background:#fff;border:1px solid #cfd5e5;margin-top:9px}.canvas-menu{align-items:center;gap:24px;width:100%;height:100%;display:flex}.canvas-menu span{white-space:nowrap}.menu-item-editor{flex-direction:column;gap:12px;margin-bottom:12px;display:flex}.menu-item-card{background:#f8f9fc;border:1px solid #dfe3ee;border-radius:12px;padding:13px}.menu-item-card>div:first-child{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.menu-item-card>div:first-child button{cursor:pointer;background:0 0;border:0;font-size:18px}.menu-item-card .design-field{margin-bottom:9px}.element-position-buttons{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.element-position-buttons button{color:#394155;cursor:pointer;background:#fff;border:1px solid #d9deea;border-radius:8px;padding:10px 4px;font-size:11px}.element-position-buttons button:hover,.element-position-buttons button.active{color:#4546c8;background:#eef0ff;border-color:#5b5cf0}.element-position-buttons.orientation-buttons{grid-template-columns:repeat(2,1fr)}