@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--accent:#7b61c9;--accent-rgb:123,97,201;--accent-light:#f0ecfa;--ink:#272530;--muted:#929099;--line:#e9e8ec;--canvas:#f8f9fb;--radius:20px;--font: 'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--display-font:var(--font)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:var(--font);font-size:14px;color:var(--ink);background:var(--canvas);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{border:0;background:none;color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #ae9beb;outline-offset:4px}input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}button:disabled{cursor:wait}svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}.app-shell{display:flex;min-height:100vh}.sidebar{width:240px;background:#fff;border-right:1px solid var(--line);position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:32px 19px 0;z-index:20}.brand{display:flex;align-items:center;font-family:Manrope,var(--font);font-size:33px;font-weight:800;letter-spacing:-1.7px;margin:1px 15px 36px}.brand-mark{width:29px;height:31px;display:flex;flex-direction:column;gap:4px;margin-right:10px;justify-content:center;transform:rotate(-10deg)}.brand-mark span{height:5px;background:var(--accent);border-radius:5px}.brand-mark span:nth-child(2){width:21px}.brand-period{color:var(--accent)}.workspace-button{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:1px solid var(--line);border-radius:9px;padding:10px;margin-bottom:31px;font-size:11px;font-weight:600}.workspace-avatar{display:grid;place-items:center;background:#f3f0f9;border:1px solid #e7e0f5;color:#7c65b6;width:29px;height:31px;border-radius:7px;font-size:13px}.workspace-button small{display:block;margin-top:3px;font-size:10px;font-weight:400;color:#a29eaa}.workspace-button svg{width:13px;color:#a4a1ac;margin-left:auto}.nav-label{font-size:9px;font-weight:650;letter-spacing:1.4px;color:#a4a1ad;margin:0 13px 11px}.nav-item{display:flex;align-items:center;width:100%;gap:11px;text-align:left;padding:12px 13px;border-radius:7px;font-size:12px;color:#777580;white-space:nowrap;margin-bottom:4px;transition:background .2s,color .2s}.nav-item>svg{width:17px;height:17px;color:#96929e}.nav-item.active{background:var(--accent-light);color:var(--accent);font-weight:600}.nav-item.active svg{color:var(--accent)}.nav-item:hover{background:#f6f5f9}.nav-shortcut{font-size:10px;color:#ab9bcf;margin-left:auto}.nav-count{margin-left:auto;border-radius:4px;font-size:9px;padding:1px 5px;background:#f0eff3;color:#9c98a4}.small-pro{margin-left:auto;font-size:8px;letter-spacing:.5px;background:#f4f2f7;padding:3px 4px;color:#9c93ac;border:1px solid #ece7f2;border-radius:3px}.nav-item .nav-lock{width:12px;height:12px;margin-left:auto;color:#b4afbc}.sidebar-rule{height:1px;background:var(--line);margin:21px 13px 24px}.sidebar-bottom{margin-top:auto;padding-top:36px}.upgrade-card{border:1px solid #eae5f4;border-radius:10px;padding:17px 14px 12px;background:radial-gradient(at 0 0,#f4f0fd,transparent 75%),#fcfbfe}.upgrade-icon{display:flex;align-items:center;justify-content:center;width:29px;height:29px;background:#eee8fb;color:var(--accent);border:1px solid #e4dcf6;border-radius:8px;margin-bottom:13px}.upgrade-icon svg{width:15px}.upgrade-card strong{font-size:11px;display:block;font-weight:650}.upgrade-card p{font-size:10px;line-height:1.8;color:#93909e;margin:7px 0 14px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:7px;padding:12px 16px;font-weight:550;font-size:11px;transition:transform .2s,background .2s,box-shadow .2s;white-space:nowrap}.button:hover{transform:translateY(-1px)}.button svg{width:14px;height:14px}.dark{background:#2c2935;color:#fff}.dark:hover{background:#45404f}.upgrade-card .button{width:100%;font-size:10px;justify-content:space-between;padding:10px 12px}.upgrade-card>small{display:block;text-align:center;font-size:8px;color:#aaa4b5;margin-top:11px}.user-profile{display:flex;align-items:center;gap:10px;text-align:left;width:100%;padding:23px 8px;font-size:11px}.profile-avatar{width:31px;height:31px;border:1px solid #e8e3dd;border-radius:50%;background:#f3eee7;color:#92785c;display:grid;place-items:center;font-size:11px}.user-profile small{display:block;font-size:9px;color:#a6a1ae;margin-top:4px}.profile-dots{margin-left:auto;color:#8b8598;font-size:20px;letter-spacing:1px}.main-shell{margin-left:240px;width:calc(100% - 240px);min-width:0}.topbar{height:77px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px;background:#fff}.breadcrumb{display:flex;align-items:center;gap:14px;font-size:11px;color:#a5a1ad}.breadcrumb span{color:#d2cfd8}.breadcrumb strong{font-weight:500;color:#676271}.topbar-right{display:flex;align-items:center;gap:8px;font-size:9px;color:#a39eac}.status-dot{width:5px;height:5px;background:#71a990;border-radius:50%;box-shadow:0 0 0 3px #71a9900b}.topbar-divider{height:18px;width:1px;background:#eeecf1;margin:0 10px}.plan-pill{font-size:8px;color:#88818f;border:1px solid #e8e4eb;border-radius:4px;padding:5px 7px;letter-spacing:.8px;background:#fcfbfd}.top-upgrade{display:flex;align-items:center;gap:7px;color:var(--accent);font-size:10px;font-weight:600;padding-left:12px}.top-upgrade svg{width:13px;height:13px}.top-upgrade svg:last-child{width:11px}main{max-width:1410px;margin:auto;padding:42px 48px 20px}.view{display:none;animation:page-in .35s ease both}.view.active{display:block}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:33px;gap:20px}.eyebrow{font-size:8px;letter-spacing:1.65px;font-weight:600;color:#9e97ac}h1{font-family:Manrope,var(--font);font-size:30px;letter-spacing:-1.1px;font-weight:650;line-height:1.35;margin:10px 0}h1>span{color:var(--accent)}.page-heading p{font-size:11px;color:#9993a3;margin:0;line-height:1.6}.subtle{border:1px solid #e8e4ec;background:#fff;color:#81798f;font-size:10px;padding:10px 12px}.subtle svg{width:13px}.calculator-layout{display:grid;grid-template-columns:minmax(320px,1fr) 275px;gap:28px;max-width:1000px}.calculator-column{min-width:0}.mode-bar{display:flex;align-items:center;padding:5px;background:#ececf1;border-radius:9px;gap:4px;margin-bottom:16px}.mode{display:flex;align-items:center;justify-content:center;gap:7px;flex:1;padding:9px 11px;border-radius:6px;font-size:10px;color:#9b95a5;white-space:nowrap}.mode svg{width:10px;height:10px;color:#b1aabb}.mode.active{background:#fff;box-shadow:0 1px 3px #2c244a12;color:#696174;font-weight:600}.mode.more-mode{flex:0;padding:6px 13px;font-size:17px}.calculator{border:1px solid #e5e1ec;box-shadow:0 6px 24px #36235405,0 1px 2px #36235403;background:white;border-radius:var(--radius);padding:22px;overflow:hidden;transition:border-radius .35s,box-shadow .35s,background .35s;position:relative}.calc-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;font-size:8px;color:#9c94a9;letter-spacing:1.3px}.calc-top>span{display:flex;gap:7px;align-items:center}.mini-orb{width:5px;height:5px;border-radius:50%;background:#9a87bf}.calc-top .icon-button{display:flex;align-items:center;gap:3px;font-size:9px;letter-spacing:0;color:#aca5b5;padding:0}.calc-top .icon-button svg{width:10px;height:10px;transform:rotate(90deg)}.display{background:linear-gradient(125deg,#302a3c,#24222c);color:#fff;border-radius:11px;padding:22px 22px 13px;position:relative;overflow:hidden;min-height:170px;display:flex;flex-direction:column}.display:after{content:'';position:absolute;border:1px solid #ffffff03;border-radius:50%;height:290px;width:290px;right:-125px;top:-125px;pointer-events:none;box-shadow:0 0 0 35px #ffffff02,0 0 0 70px #ffffff01}.display-context{font-size:10px;color:#aaa0b9;text-align:right;min-height:16px;font-weight:400;letter-spacing:.1px}.display-number{font-size:57px;font-weight:400;line-height:1.4;letter-spacing:-1.5px;text-align:right;margin:6px 0 14px;font-variant-numeric:tabular-nums;font-family:var(--display-font);overflow:auto;white-space:nowrap;scrollbar-width:none;position:relative;z-index:1}.display-number.medium{font-size:38px}.display-number.small{font-size:26px}.display-caret{display:inline-block;width:2px;height:40px;background:#afa1d3;vertical-align:baseline;margin-left:5px;opacity:.7;animation:blink 1.3s step-end infinite}.display-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:6.5px;font-weight:500;letter-spacing:1.2px;color:#80758f;margin-top:auto;position:relative;z-index:1}.display-copy{color:#80758f;display:flex;padding:3px}.display-copy svg{width:12px;height:12px}.keypad{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:20px}.key{height:63px;display:flex;justify-content:center;align-items:center;position:relative;font-size:21px;font-weight:400;background:#f8f7fa;border:1px solid #efedf3;border-radius:9px;color:#48424f;transition:background .18s,transform .12s,box-shadow .18s;user-select:none;font-family:var(--display-font)}.key:hover{background:#f0edf6;box-shadow:0 2px 4px #33234805}.key:active,.key.pressed{transform:scale(.95);background:#e7e0f4}.key.utility{background:#f0edf6;color:#9a8ab5;font-size:16px}.key.operator{background:#f3effa;color:#9982bd;font-size:25px}.key svg{width:19px;height:19px}.key-premium{position:absolute;right:10px;top:10px;width:3px;height:3px;border-radius:50%;background:#c8bcdb}.key.equals{color:white;background:var(--accent);border-color:var(--accent);box-shadow:0 4px 8px rgba(var(--accent-rgb),.15);gap:14px;font-size:27px}.key.equals:hover{filter:brightness(1.08)}.key.equals svg{width:12px;height:12px;opacity:.6;position:absolute;top:10px;right:10px}.calc-footer{display:flex;justify-content:space-between;align-items:center;margin:19px 0 0;gap:8px;color:#b0a8bb;font-size:7px}.calc-footer>span,.calc-footer>button{display:flex;align-items:center;gap:4px;padding:0}.calc-footer svg{width:10px;height:10px}.results-banner{margin-top:16px;background:#f0edf7;border:1px solid #e6e0f0;border-radius:10px;padding:16px;display:flex;align-items:center;gap:12px}.banner-icon{width:30px;height:33px;border:1px solid #e3daef;background:#eae4f5;border-radius:7px;display:grid;place-items:center;color:#9682b5;flex-shrink:0}.banner-icon svg{width:14px;height:14px}.results-banner strong{display:block;font-size:10px;color:#84709e;font-weight:550}.results-banner p{font-size:9px;color:#afa1bf;margin:4px 0 0}.results-banner>button{display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:9px;color:#8d75ad;margin-left:auto;font-weight:550;padding:0}.results-banner>button svg{width:12px}.quiet-caption{display:flex;align-items:center;gap:6px;justify-content:center;font-size:8px;color:#b2abbc;margin-top:17px}.live-indicator{height:5px;width:5px;border-radius:50%;background:#a896c3;display:inline-block;flex-shrink:0}.context-column{padding-top:0;display:flex;flex-direction:column;gap:20px}.widget{background:#fff;border:1px solid var(--line);border-radius:12px;padding:19px;overflow:hidden;position:relative}.widget-header{display:flex;justify-content:space-between;align-items:center;gap:5px;margin-bottom:22px}.widget-header h2{font-size:11px;font-weight:600;margin:0;color:#6d6479}.widget-header>svg{color:#b7aac8;width:14px;height:14px}.badge{border-radius:4px;padding:4px 6px;font-size:7px;font-weight:600;letter-spacing:.8px;display:inline-flex;align-items:center;gap:5px}.badge svg{width:12px}.neutral{background:#f3f1f7;border:1px solid #e9e4f0;color:#a79bb7}.soft{background:#eee9f8;color:#9d84bd;border:1px solid #e1d8f0;font-size:8px;padding:7px 10px}.history-widget{height:273px}.history-placeholder{opacity:.43;mask-image:linear-gradient(#000 20%,transparent 95%)}.history-placeholder>div{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #eeeaf2;font-size:10px;color:#a49aaf}.blur-value{filter:blur(3px);color:#857695}.history-overlay{position:absolute;inset:98px 0 0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:0;background:linear-gradient(transparent,#fff 35%);text-align:center}.circle-lock{display:grid;place-items:center;width:31px;height:31px;border:1px solid #ebe5f2;border-radius:50%;color:#a08abf;background:#f7f3fc;margin-bottom:10px}.circle-lock svg{width:13px}.history-overlay strong{font-size:10px;font-weight:550;color:#8d809e}.history-overlay p{font-size:9px;color:#b5aabd;margin:5px 0 10px}.text-link{display:inline-flex;align-items:center;gap:7px;color:#9a7ebd;font-weight:550;font-size:9px;padding:0}.text-link svg{width:12px}.appearance-widget{padding-bottom:18px}.appearance-widget .widget-header{margin-bottom:17px}.mini-themes{display:flex;gap:9px;margin-bottom:17px}.mini-theme{height:43px;flex:1;border-radius:6px;border:1px solid #e5dcf2;display:flex;align-items:center;justify-content:center;transition:transform .2s,box-shadow .2s}.mini-theme:hover{transform:translateY(-3px);box-shadow:0 5px 9px #43313d10}.mini-theme span{height:24px;width:19px;border:2px solid #ffffffa8;background:#ffffff50;border-radius:4px;box-shadow:0 2px 2px #33223311}.lavender{background:linear-gradient(135deg,#f3ecff,#c9b6ec)}.peach{background:linear-gradient(135deg,#fff3e3,#f1c9aa);border-color:#f0d9ca}.mint{background:linear-gradient(135deg,#e9f5ed,#b4d2c9);border-color:#d2e4df}.midnight{background:linear-gradient(135deg,#535260,#292631);border-color:#54465d}.appearance-widget h3{font-size:10px;font-weight:550;color:#8d819c;margin:0 0 7px}.appearance-widget p{font-size:9px;line-height:1.8;color:#b0a5bd;margin:0 0 16px}.outline{border:1px solid #e7e1ef;background:#fff;color:#9582ac}.full{width:100%}.appearance-widget .button{font-size:9px;justify-content:space-between;padding:9px 11px}.extension-promo{padding:3px 7px}.extension-promo .eyebrow{font-size:6.5px;letter-spacing:1px;color:#b6aabd}.promo-illustration{height:77px;display:flex;align-items:center;justify-content:center;position:relative;margin-top:4px}.promo-illustration:before{content:'';position:absolute;width:150px;height:70px;border-radius:50%;background:radial-gradient(#e6dcf333,transparent 70%)}.promo-illustration span{height:39px;width:39px;background:#f5f2fa;border:1px solid #e7dff1;color:#ad9ac3;display:grid;place-items:center;border-radius:9px;font-family:Georgia,serif;font-size:24px;position:relative;box-shadow:0 6px 12px #64428105}.promo-illustration span:first-child{transform:rotate(-15deg) translate(1px,3px);color:#c4afd7}.promo-illustration span:nth-child(2){transform:rotate(5deg) translateY(-4px);height:45px;width:45px;z-index:1;color:#a48abf;background:#eee6f7}.promo-illustration span:last-child{transform:rotate(17deg) translate(-1px,3px);color:#c4afd7}.extension-promo h3{font-size:12px;font-weight:550;color:#9687a7;margin:4px 0 7px}.extension-promo p{color:#baadc7;font-size:9px;line-height:1.8;margin:0 0 14px}.page-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:7px;color:#bbb4c5;max-width:1000px;padding:28px 0 0;margin-top:15px}.page-footer button{display:flex;align-items:center;gap:5px;color:#afa3bc;font-size:7px;padding:0}.page-footer svg{width:10px}.extension-notice{border:1px solid #e8e1f1;background:#f3eff9;border-radius:9px;display:flex;align-items:center;gap:10px;font-size:10px;color:#9b87b5;padding:15px;margin-bottom:25px;line-height:1.5}.extension-notice>svg{width:14px}.extension-notice button{margin-left:auto;display:flex;align-items:center;gap:5px;font-size:9px;white-space:nowrap}.extension-notice button svg{width:12px}.extension-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.extension-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:22px;transition:box-shadow .25s,transform .25s}.extension-card:hover{transform:translateY(-3px);box-shadow:0 10px 30px #49336308}.extension-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.extension-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:11px;font-family:Georgia,serif;font-size:25px;color:var(--tone,#8b6db1);background:var(--wash,#f4eff9);border:1px solid color-mix(in srgb,var(--tone,#8b6db1) 15%,transparent)}.extension-card-top>svg{height:12px;width:12px;color:#b6acbf}.extension-card h2{font-size:13px;font-weight:600;margin:0 0 9px}.extension-card p{font-size:10px;line-height:1.8;color:#a298ae;min-height:38px;margin:0 0 20px}.extension-card ul{padding:0;list-style:none;min-height:60px;margin:0 0 22px}.extension-card li{display:flex;align-items:center;gap:7px;font-size:9px;color:#a69baf;margin:9px 0}.extension-card li svg{width:10px;height:10px;color:#bbaccd}.extension-card-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f0edf4;padding-top:17px;gap:5px}.extension-price{font-size:17px;letter-spacing:-.5px;font-weight:600;color:#80708f}.extension-price small{font-size:8px;letter-spacing:0;font-weight:400;color:#b5a8c1}.extension-card-footer button{font-size:9px;color:#8d6db4;display:flex;align-items:center;gap:4px}.extension-card-footer button svg{width:11px}.bundle-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #e6dfed;background:#efebf5;border-radius:12px;padding:26px;margin-top:25px}.bundle-banner h2{font-size:17px;font-weight:550;letter-spacing:-.4px;margin:8px 0}.bundle-banner p{font-size:10px;color:#a197ae;margin:0}.studio-layout{display:grid;grid-template-columns:330px minmax(250px,1fr);gap:28px;max-width:1060px}.studio-controls{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.studio-tabs{padding:7px;background:#faf9fc;display:flex;border-bottom:1px solid var(--line);gap:4px}.studio-tabs button{flex:1;padding:11px 5px;font-size:10px;color:#a297b0;border-radius:6px}.studio-tabs button.active{background:#fff;color:#8e72b2;box-shadow:0 1px 5px #4d2b670c}.studio-tab{display:none;padding:24px}.studio-tab.active{display:block}.control-heading{display:flex;align-items:center;justify-content:space-between}.control-heading h2{font-size:13px;letter-spacing:-.2px;font-weight:550;margin:0}.control-heading>span{font-size:9px;color:#c6b9d3}.control-description{font-size:9px;color:#ad9fba;line-height:1.7;margin:8px 0 27px}.seed-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px;font-size:9px;color:#9d8cab;font-weight:500}.premium-label{display:inline-flex;align-items:center;gap:3px;font-size:7px;color:#b7a7c7;font-weight:400}.premium-label svg{width:9px;height:9px}.color-input-wrap{display:flex;align-items:center;border:1px solid #e9e1f0;border-radius:7px;gap:10px;padding:8px}.color-input-wrap input[type=color]{width:30px;height:28px;cursor:pointer;border:0;padding:0;background:transparent}.color-input-wrap input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-input-wrap input[type=color]::-webkit-color-swatch{border:0;border-radius:4px}.color-input-wrap input[type=color]::-moz-color-swatch{border:0;border-radius:4px}#seed-hex{min-width:0;width:100%;border:0;background:transparent;font-size:10px;color:#9d8bb0;font-family:monospace}.color-input-wrap .icon-button{display:flex;padding:2px;color:#b59cca}.color-input-wrap .icon-button svg{width:15px}.generated-palette{display:flex;height:29px;border-radius:5px;overflow:hidden;margin-top:12px;gap:2px}.generated-palette span{flex:1}.control-divider{height:1px;background:#eee7f4;margin:25px 0}.preset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.preset-option{padding:0;text-align:left}.preset-swatch{display:block;border-radius:6px;height:35px;border:1px solid #e2d6ed;position:relative;margin-bottom:6px}.preset-option.selected .preset-swatch:after{content:'';position:absolute;inset:-3px;border:1px solid #a487c2;border-radius:8px}.preset-option small{font-size:8px;color:#a695b3}.segmented{display:flex;background:#f6f2fa;border:1px solid #ece4f3;padding:3px;border-radius:6px;gap:3px}.segmented button{flex:1;padding:8px 3px;font-size:8px;color:#b09cc1;border-radius:4px}.segmented button.active{background:white;color:#a080bd;box-shadow:0 1px 3px #5c29760a}.studio-preview-label{display:flex;justify-content:space-between;align-items:center;font-size:8px;color:#b0a3bd;margin-bottom:12px}.studio-preview-label>span:first-child{display:flex;align-items:center;gap:5px;font-size:7px;letter-spacing:1px}.studio-stage{min-height:494px;border:1px solid #e4d8f0;background:linear-gradient(135deg,#f6effe,#dac8ed);border-radius:13px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:35px 15px}.stage-atmosphere{position:absolute;inset:0;pointer-events:none}.studio-stage[data-bg=aurora] .stage-atmosphere{inset:-50%;background:conic-gradient(from 45deg,transparent,#ffffff80,transparent,var(--preview-accent,#8b72db),transparent);filter:blur(45px);animation:aurora var(--motion,20s) linear infinite}.studio-stage[data-bg=orbs] .stage-atmosphere{background:radial-gradient(circle at 25% 30%,#ffffffb0 0,transparent 45%),radial-gradient(circle at 80% 70%,var(--preview-accent,#8b72db) 0,transparent 45%);animation:orb-motion var(--motion,20s) ease-in-out infinite alternate;background-size:140% 140%}.studio-stage[data-bg=mesh] .stage-atmosphere{background:radial-gradient(ellipse at 10% 20%,#fff9,transparent 50%),radial-gradient(ellipse at 90% 70%,var(--preview-accent),transparent 60%),radial-gradient(ellipse at 70% 10%,#ebcee8,transparent 50%);background-size:150% 150%;animation:orb-motion var(--motion,20s) ease-in-out infinite alternate}.studio-stage[data-bg=grid] .stage-atmosphere{background-image:linear-gradient(#fff6 1px,transparent 1px),linear-gradient(90deg,#fff6 1px,transparent 1px);background-size:25px 25px;opacity:var(--texture,.3)}.studio-stage[data-bg=grain] .stage-atmosphere{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.5' filter='url(%23n)'/%3E%3C/svg%3E");opacity:var(--texture,.3)}.preview-calculator{width:270px;max-width:100%;background:#ffffffc9;border:1px solid #ffffffe0;border-radius:20px;padding:22px;box-shadow:0 18px 55px #57316b15;z-index:1;backdrop-filter:blur(15px);transition:border-radius .3s,box-shadow .4s,background .3s;color:#6e5d81}.preview-brand{font-family:Manrope,var(--font);font-weight:750;font-size:17px;letter-spacing:-.7px}.preview-calculator>small{font-size:7px;color:#ad99bc;display:block;margin-top:5px}.preview-number{font-size:35px;letter-spacing:-1px;text-align:right;padding:34px 0 27px;font-weight:400;font-family:var(--preview-font,var(--font));font-variant-numeric:tabular-nums}.preview-number>span{opacity:.4}.preview-keys{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.preview-keys>span{padding:12px 0;text-align:center;border-radius:6px;font-size:13px;background:rgba(var(--preview-rgb,139,114,219),.08);color:var(--preview-accent,#8b72db);border:1px solid rgba(var(--preview-rgb,139,114,219),.05);font-family:var(--preview-font,var(--font))}.preview-keys>span:nth-child(4n){background:rgba(var(--preview-rgb,139,114,219),.16)}.preview-keys .preview-equals{background:var(--preview-accent,#8b72db)!important;color:white}.preview-watermark{position:absolute;bottom:14px;display:flex;align-items:center;gap:5px;font-size:6px;letter-spacing:1.5px;color:#aa94bf}.preview-watermark svg{height:9px;width:9px}.studio-apply{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px}.studio-apply strong{font-size:10px;font-weight:500;color:#91809f}.studio-apply p{font-size:8px;color:#b5a5c2;margin:6px 0 0}.primary{background:var(--accent);color:white}.primary:hover{box-shadow:0 4px 14px rgba(var(--accent-rgb),.2)}.reset-preview{display:block;margin:15px auto 0;font-size:8px;color:#bcacc7;text-decoration:underline;text-underline-offset:3px}.background-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.bg-option{border:1px solid #ece3f2;border-radius:7px;padding:5px;text-align:left}.bg-option.selected{border-color:#a68dbf;background:#faf7fe}.bg-option>span{height:44px;display:block;border-radius:4px;background:linear-gradient(135deg,#ede3fa,#b5a2d1);overflow:hidden;position:relative}.bg-option>small{display:block;font-size:8px;color:#b39bc4;margin:7px 3px 2px}.bg-option[data-background=aurora]>span{background:conic-gradient(from 45deg,#d1b8ed,#f5e6ed,#a9c4e7,#d1b8ed)}.bg-option[data-background=orbs]>span{background:radial-gradient(circle at 30% 40%,#e8e3ff 15%,transparent 50%),radial-gradient(circle at 80% 70%,#bb92d9 15%,#d2c3e5 60%)}.bg-option[data-background=mesh]>span{background:radial-gradient(at 10% 0%,#f8d8e5,transparent 70%),radial-gradient(at 100% 100%,#bab6e8,#dbd2ee)}.bg-option[data-background=grid]>span{background-image:linear-gradient(#fff4 1px,transparent 1px),linear-gradient(90deg,#fff4 1px,transparent 1px),linear-gradient(135deg,#e5d9f2,#c4abdf);background-size:9px 9px,9px 9px,cover}.bg-option[data-background=grain]>span{background:repeating-conic-gradient(#b8a3cf22 0% 25%,#eadff322 0% 50%) 0 0/3px 3px,linear-gradient(135deg,#e5d9f2,#c4abdf)}input[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:3px;border:0;border-radius:5px;background:#e9dff3;margin:3px 0 25px;accent-color:#9d80ba;cursor:pointer}input[type=range]::-webkit-slider-thumb{appearance:none;width:12px;height:12px;border-radius:50%;background:#a58abb;border:2px solid #fff;box-shadow:0 0 0 1px #d7c6e5}input[type=range]::-moz-range-thumb{height:9px;width:9px;border:2px solid white;border-radius:50%;background:#a58abb;box-shadow:0 0 0 1px #d7c6e5}.font-options{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.font-options button{font-size:7px;text-align:left;border:1px solid #eee6f4;border-radius:6px;padding:9px 7px;color:#b8a4c7}.font-options button.selected{border-color:#b8a0cd;background:#faf7fd}.font-options button>span{display:block;font-size:24px;margin-bottom:8px;color:#9a80af}.font-options [data-font=mono]>span{font-family:monospace}.font-options [data-font=serif]>span{font-family:Georgia,serif}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:15px 0;border-top:1px solid #f0e9f5}.toggle-row strong{font-size:9px;font-weight:500;color:#a48ab8}.toggle-row small{display:block;font-size:8px;color:#bfaccd;margin-top:4px}.toggle{width:28px;height:16px;flex-shrink:0;border-radius:10px;background:#e9e1ef;position:relative;transition:background .2s}.toggle:after{content:'';position:absolute;width:12px;height:12px;top:2px;left:2px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #542d691a;transition:transform .2s}.toggle[aria-checked=true]{background:#aa8bc3}.toggle[aria-checked=true]:after{transform:translateX(12px)}.advanced-keys{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:12px}.advanced-key{border-radius:5px;padding:8px 3px;font-size:11px;background:#f2edf8;color:#9f84b7}.history-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:380px;background:white;border:1px solid var(--line);border-radius:13px;text-align:center;padding:35px}.history-empty .circle-lock{height:50px;width:50px;margin-bottom:15px}.history-empty h2{font-size:21px;letter-spacing:-.5px;font-weight:500;margin:8px 0;color:#857193}.history-empty p{font-size:11px;color:#b09fc0;line-height:1.8;max-width:330px;margin:0 0 25px}.history-table{width:100%;border:1px solid var(--line);border-radius:10px;border-spacing:0;overflow:hidden;font-size:12px;background:#fff}.history-table th{text-align:left;background:#f4effa;font-weight:500;color:#a68db8;font-size:10px;padding:16px 20px}.history-table td{padding:17px 20px;border-bottom:1px solid #f1eaf6;color:#a18bb2}.billing-bottom{border-top:1px solid var(--line);margin-top:35px;padding-top:25px}.billing-bottom h2{font-size:14px;font-weight:500;color:#9780a7}.owned-item{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid #eae1f0;font-size:11px;color:#ab95ba}.empty-owned{font-size:11px;color:#bba7c8;margin-top:20px}.modal-backdrop{position:fixed;inset:0;background:#221b306b;z-index:100;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:25px;overflow-y:auto;animation:fade-in .2s ease}.paywall-modal{width:790px;max-width:100%;max-height:calc(100dvh - 50px);overflow:auto;background:#fcfbfe;border:1px solid #fff8;box-shadow:0 35px 140px #1f142d30;border-radius:20px;padding:38px;position:relative;scrollbar-width:thin;animation:modal-in .35s cubic-bezier(.16,1,.3,1)}.modal-close{position:absolute;top:18px;right:18px;display:flex;align-items:center;justify-content:center;padding:5px;width:27px;height:27px;border-radius:50%;background:#f0ebf6;color:#a08bb3}.modal-close:hover{background:#e7ddf0}.modal-close svg{width:13px}.modal-header{text-align:center;max-width:520px;margin:0 auto 28px}.modal-symbol{height:42px;width:42px;display:grid;place-items:center;border:1px solid #e7dcf2;border-radius:12px;background:linear-gradient(130deg,#f5effe,#ece3f7);color:#a58abd;margin:0 auto 17px}.modal-symbol svg{height:19px;width:19px}.modal-header .eyebrow{color:#b39cc8;font-size:7px}.modal-header h2{font-family:Manrope,var(--font);font-size:29px;letter-spacing:-1px;line-height:1.3;font-weight:600;color:#53405f;margin:12px 0}.modal-header p{font-size:11px;line-height:1.8;color:#b49dc4;margin:0 auto;max-width:410px}.result-teaser{display:flex;justify-content:center;align-items:center;gap:15px;background:#f3edf9;border:1px solid #e9ddf3;padding:13px;border-radius:8px;margin-bottom:24px;font-size:13px;color:#a88bbd}.result-teaser strong{filter:blur(6px);user-select:none;font-size:22px;letter-spacing:2px;color:#9473ae}.result-teaser>svg{width:13px}.plans-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.plan-card{border:1px solid #e8e0f0;border-radius:12px;padding:24px;position:relative;background:#fff}.plan-card.featured{border:1px solid #b097d1;background:linear-gradient(140deg,#f7f2fd,#fff)}.popular-label{position:absolute;top:-10px;left:20px;border:1px solid #a389c4;border-radius:4px;background:#a389c4;padding:4px 8px;color:#fff;font-size:7px;letter-spacing:1px}.plan-kicker{font-size:8px;letter-spacing:1.2px;color:#b8a2c8;font-weight:500}.plan-card h3{font-family:Manrope,var(--font);font-weight:650;font-size:19px;color:#705883;letter-spacing:-.5px;margin:10px 0}.plan-price{font-family:Manrope,var(--font);font-size:37px;font-weight:650;letter-spacing:-1.8px;color:#604374;margin:16px 0 7px}.plan-price sup{font-size:18px;vertical-align:top;position:relative;top:6px;margin-right:3px;letter-spacing:0}.plan-price small{font-family:var(--font);font-size:10px;font-weight:400;letter-spacing:0;color:#b39bc5;margin-left:5px}.plan-footnote{font-size:8px;color:#c1add1;min-height:13px}.plan-card ul{padding:17px 0;list-style:none;margin:15px 0 0;border-top:1px solid #ece3f3}.plan-card li{display:flex;gap:7px;font-size:9px;color:#ad97bf;line-height:1.6;margin:10px 0}.plan-card li svg{width:11px;height:11px;flex-shrink:0;color:#b6a2c9;margin-top:2px}.plan-card .button{width:100%;padding:12px 9px;font-size:10px}.plan-card .primary{background:#9678b4}.plan-card .outline{color:#a38ab8;border-color:#dfd0eb}.plan-exclusions{display:flex;align-items:center;justify-content:center;gap:6px;text-align:center;font-size:8px;color:#bfacce;margin:20px 0 0;line-height:1.6}.plan-exclusions svg{width:10px}.trust-row{display:flex;justify-content:center;gap:23px;font-size:8px;color:#bfaecd;margin-top:23px}.trust-row>span{display:flex;align-items:center;gap:5px}.trust-row svg{width:11px}.checkout-header{display:flex;align-items:center;gap:8px;font-size:10px;color:#b49bc6;margin-bottom:30px}.checkout-header button{display:flex;align-items:center;gap:5px;font-size:10px;color:#aa8fbe;padding:0}.checkout-header svg{width:12px}.checkout-header .back-arrow{transform:rotate(180deg)}.checkout-header>span{color:#d3c4df;font-size:9px}.checkout-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:30px}.checkout-main h2{font-family:Manrope,var(--font);font-size:25px;font-weight:600;letter-spacing:-.8px;color:#614971;margin:0 0 8px}.checkout-intro{font-size:10px;color:#b59bc7;margin:0 0 25px;line-height:1.7}.payment-method{border:1px solid #baa3cf;background:#f6f0fb;border-radius:7px;display:flex;align-items:center;padding:13px;font-size:10px;gap:7px;color:#9e80b5;margin-bottom:22px}.payment-method>svg{width:16px}.payment-method>span{margin-left:auto;display:flex;align-items:center;gap:5px}.card-brand{font-size:7px;font-weight:650;border:1px solid #dfd0ec;background:white;padding:3px 4px;border-radius:3px;color:#b49bc7}.form-label{display:block;font-size:9px;color:#ad92c0;margin:13px 0 7px}.form-input{width:100%;min-width:0;border:1px solid #e6d9ef;border-radius:6px;background:#fff;padding:11px 12px;font-size:10px;color:#9c7fb3}.form-input::placeholder{color:#d3c3df}.form-row{display:flex;gap:10px}.form-row>div{min-width:0;flex:1}.card-number-wrap{position:relative}.card-number-wrap .form-input{padding-right:35px}.card-number-wrap svg{position:absolute;width:14px;right:12px;top:10px;color:#d0bcdf}.checkout-terms{display:flex;align-items:flex-start;gap:7px;font-size:8px;color:#bfacce;line-height:1.7;margin:18px 0}.checkout-terms input{accent-color:#9e7fb6;margin:2px 0 0;width:11px;height:11px;flex-shrink:0}.checkout-terms button{font-size:8px;color:#aa8bbd;text-decoration:underline;padding:0}.checkout-submit{width:100%;font-size:11px;padding:13px;margin-top:3px;background:#9b7ab6}.checkout-secure{text-align:center;font-size:7px;color:#c4b0d2;margin-top:12px;display:flex;justify-content:center;align-items:center;gap:4px}.checkout-secure svg{width:10px}.order-summary{padding:22px;background:#f3edf8;border:1px solid #e8dbf2;border-radius:11px;height:fit-content}.order-summary>h3{font-size:12px;font-weight:550;color:#9576ac;margin:0 0 22px}.order-product{display:flex;align-items:center;gap:10px;margin-bottom:23px}.order-product .modal-symbol{margin:0;width:36px;height:36px;border-radius:8px}.order-product strong{display:block;font-size:11px;font-weight:500;color:#a385b9}.order-product small{font-size:8px;color:#bda6ce;display:block;margin-top:4px}.order-line{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#b198c3;margin:14px 0}.order-line .free-tag{font-size:7px;background:#e6d9f0;padding:3px 4px;border-radius:3px}.order-divider{height:1px;background:#e4d7ed;margin:18px 0}.order-total{font-size:12px;color:#9874b0;font-weight:600;align-items:baseline}.order-total>strong{font-size:21px;letter-spacing:-.5px}.order-renewal{font-size:8px;color:#c0a8cf;line-height:1.8}.coupon-row{display:flex;gap:6px;margin-top:20px}.coupon-row input{font-size:8px;padding:9px;flex:1;min-width:0}.coupon-row button{font-size:8px;border:1px solid #dfceec;border-radius:5px;padding:0 9px;color:#b29ac6;background:#f8f3fc}.order-note{margin-top:19px;display:flex;align-items:flex-start;gap:6px;font-size:8px;color:#bea5cf;line-height:1.7}.order-note svg{width:12px}.success-content{text-align:center;padding:35px 15px}.success-orb{height:70px;width:70px;display:grid;place-items:center;border-radius:50%;background:#f0e7f9;color:#9f7ab9;border:1px solid #ddc9ed;margin:0 auto 25px;box-shadow:0 0 0 10px #f7f1fc}.success-orb svg{width:27px;height:27px}.success-content h2{font-family:Manrope,var(--font);font-size:31px;letter-spacing:-1px;font-weight:600;color:#765389;margin:15px 0}.success-content p{color:#b59ac8;font-size:11px;line-height:1.8;margin:0 auto 24px;max-width:370px}.receipt-line{font-size:9px;color:#c4acd5;margin-bottom:25px}.success-content .button{min-width:210px;background:#9e7ab8}.about-content{padding:12px 6px;max-width:500px;margin:auto}.about-content .brand{margin:0 0 30px}.about-content h2{font-family:Manrope,var(--font);font-size:27px;color:#8a699d;letter-spacing:-.7px;margin:0 0 14px}.about-content>p{font-size:11px;color:#b299c3;line-height:1.9}.about-fineprint{margin-top:35px;padding-top:18px;border-top:1px solid #e8dcf1;font-size:9px;line-height:1.9;color:#bfa6d1}.about-fineprint strong{font-weight:500;color:#ae90c1}.about-actions{display:flex;justify-content:space-between;margin-top:22px;gap:15px}.about-actions button{font-size:9px;color:#b79acb;text-decoration:underline;text-underline-offset:3px}.toast{position:fixed;left:calc(50% + 100px);bottom:28px;transform:translate(-50%,20px);z-index:200;padding:13px 18px;border:1px solid #e6dbef;background:#fff;border-radius:9px;box-shadow:0 10px 40px #43205915;display:flex;align-items:center;gap:9px;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;font-size:10px;color:#a48ab7;max-width:90vw;white-space:nowrap}.toast svg{width:14px;height:14px}.toast.visible{opacity:1;transform:translate(-50%,0)}.calculator.ambient-glow{box-shadow:0 0 70px rgba(var(--accent-rgb),.2)}.workspace-atmosphere{position:fixed;inset:77px 0 0 240px;pointer-events:none;z-index:-1;opacity:.3;background:var(--workspace-bg);background-size:160% 160%}.workspace-atmosphere.dynamic{animation:orb-motion var(--workspace-motion,24s) ease-in-out infinite alternate}.view-switch-link{font-size:10px;text-decoration:underline;color:#ad8dc5;margin-top:14px}.converter-panel{border:1px solid #e6daef;border-radius:8px;background:#f9f5fc;padding:16px;margin-bottom:15px}.converter-panel label{font-size:9px;color:#aa8abd;display:block;margin-bottom:8px}.converter-row{display:flex;gap:8px}.converter-row input,.converter-row select{width:100%;min-width:0;padding:10px;border-radius:5px;border:1px solid #e5d7ef;background:#fff;color:#a68ab8;font-size:10px}.converter-result{font-size:19px;color:#9974ae;padding:15px 0 0}.programmer-output{font-family:monospace;font-size:11px;line-height:2.2;color:#a186b6;padding:12px;background:#f4eef9;border-radius:7px;grid-column:1/-1}.programmer-output>span{display:inline-block;min-width:35px;color:#bda7cd}.mobile-nav-toggle{display:none}
@keyframes page-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes modal-in{from{opacity:0;transform:translateY(25px) scale(.98)}to{opacity:1;transform:none}}@keyframes blink{50%{opacity:0}}@keyframes aurora{to{transform:rotate(360deg)}}@keyframes orb-motion{from{background-position:0% 0%;transform:scale(1)}to{background-position:100% 100%;transform:scale(1.08)}}
@media(min-width:1450px){main{padding:52px 65px 25px}.calculator-layout{grid-template-columns:minmax(430px,600px) 300px;gap:35px}.key{height:68px}.display{min-height:185px}.page-heading{max-width:935px}.context-column{gap:24px}.widget{padding:23px}.history-widget{height:290px}.appearance-widget{padding-bottom:23px}}
@media(max-width:1150px){.sidebar{width:210px;padding:30px 14px 0}.main-shell{width:calc(100% - 210px);margin-left:210px}.workspace-button{font-size:10px}.nav-item{font-size:11px;padding:11px}.brand{margin-left:12px}.topbar{padding:0 30px}main{padding:34px 30px 20px}.calculator-layout{grid-template-columns:minmax(300px,1fr) 235px;gap:20px}.calculator{padding:18px}.key{height:58px}.context-column{gap:17px}.widget{padding:16px}.results-banner{padding:13px;gap:9px}.results-banner>button{font-size:8px}.results-banner strong{font-size:9px}.customize-top{font-size:9px;padding:10px}.calc-footer{font-size:6px}.mode{font-size:9px;padding:9px 5px}.extension-grid{grid-template-columns:repeat(2,1fr)}.studio-layout{grid-template-columns:290px minmax(240px,1fr);gap:20px}.studio-tab{padding:20px}.studio-stage{min-height:480px}.studio-apply{align-items:flex-start;flex-direction:column}.studio-apply .button{width:100%}.workspace-atmosphere{left:210px}.toast{left:calc(50% + 90px)}}
@media(max-width:950px){.sidebar{width:190px;padding-left:10px;padding-right:10px}.main-shell{margin-left:190px;width:calc(100% - 190px)}.brand{font-size:30px}.workspace-button{padding:8px;gap:7px;font-size:9px}.workspace-avatar{width:25px;height:28px}.workspace-button small{font-size:8px}.nav-item{font-size:10px;gap:9px;padding:11px 10px}.nav-shortcut{display:none}.upgrade-card{padding:13px 10px}.upgrade-card strong{font-size:10px}.upgrade-card p{font-size:9px}.upgrade-card .button{font-size:9px}.topbar{height:67px;padding:0 25px}.topbar .cloud-status,.topbar .status-dot{display:none}main{padding:32px 25px 20px}h1{font-size:27px}.calculator-layout{grid-template-columns:1fr;max-width:540px;margin:auto}.context-column{display:grid;grid-template-columns:1fr 1fr;gap:15px}.extension-promo{display:none}.history-widget{height:236px}.appearance-widget .widget-header{margin-bottom:12px}.mini-themes{gap:5px}.mini-theme{height:35px}.appearance-widget h3{font-size:9px}.appearance-widget p{font-size:8px}.appearance-widget .button{font-size:8px;padding:9px}.calc-footer{font-size:7px}.key{height:61px}.page-heading{align-items:flex-start}.customize-top{padding:10px;font-size:0}.customize-top svg{width:15px;height:15px}.page-footer>span:nth-child(2){display:none}.studio-layout{grid-template-columns:1fr;max-width:520px;margin:auto}.studio-stage{min-height:480px}.studio-preview-column{order:-1}.studio-apply{flex-direction:row;align-items:center}.studio-apply .button{width:auto}.studio-apply p{max-width:200px;line-height:1.6}.studio-preview-label{font-size:7px}.studio-controls{margin-top:10px}.studio-stage{min-height:440px}.studio-stage .preview-calculator{width:250px}.studio-tabs button{padding:12px;font-size:11px}.preset-swatch{height:45px}.workspace-atmosphere{left:190px;top:67px}.toast{left:calc(50% + 80px)}}
@media(max-width:680px){.sidebar{position:fixed;top:auto;bottom:0;left:0;right:0;width:100%;height:67px;padding:0;background:#fffefeeF;backdrop-filter:blur(12px);border-right:0;border-top:1px solid var(--line);flex-direction:row;align-items:center;justify-content:center;z-index:40}.sidebar>.brand,.workspace-button,.nav-label,.sidebar-rule,.sidebar-bottom,.sidebar>.nav-item{display:none}.sidebar nav{display:flex;width:100%;justify-content:space-around;align-items:center;padding:0 5px}.nav-item{flex-direction:column;justify-content:center;gap:5px;margin:0;padding:8px 10px;font-size:8px;width:auto;min-width:65px;border-radius:8px}.nav-item>svg{height:18px;width:18px}.nav-item .nav-count,.nav-item .small-pro,.nav-item .nav-lock{display:none}.main-shell{margin:0;width:100%;padding-bottom:67px}.topbar{height:62px;padding:0 21px}.topbar:before{content:'summa.';font-family:Manrope,var(--font);font-size:25px;font-weight:800;letter-spacing:-1.5px;color:#3f344d}.breadcrumb{display:none}.topbar-right{gap:7px}.topbar-divider{display:none}.top-upgrade{font-size:10px;padding-left:5px}.top-upgrade>svg:last-child{display:none}.plan-pill{font-size:7px;padding:5px 7px}.top-upgrade>svg:first-child{width:12px}main{padding:29px 20px 18px}.page-heading{margin-bottom:24px;gap:12px}.eyebrow{font-size:6.5px;letter-spacing:1.4px}h1{font-size:28px;letter-spacing:-1.1px;margin:8px 0}.page-heading p{font-size:10px}.customize-top{padding:10px;margin-top:10px}.calculator-layout{gap:20px}.calculator{border-radius:16px;padding:20px}.calc-top{font-size:7px;margin-bottom:17px}.display{padding:19px 20px 12px;min-height:166px}.display-number{font-size:54px}.key{height:60px}.keypad{gap:8px;margin-top:18px}.key.equals{font-size:25px}.calc-footer{font-size:6.5px}.results-banner{margin-top:13px;padding:12px;gap:9px}.results-banner>button{font-size:8px}.results-banner strong{font-size:9px}.results-banner p{font-size:8px}.banner-icon{width:27px;height:30px}.quiet-caption{font-size:7px}.context-column{gap:13px}.widget{padding:16px}.widget-header h2{font-size:10px}.history-widget{height:237px}.appearance-widget{padding:16px 13px}.appearance-widget p{font-size:8px;line-height:1.9}.mini-themes{gap:5px}.mini-theme{height:34px}.mini-theme span{width:15px;height:20px}.appearance-widget .button{font-size:7px;gap:3px;padding:9px 6px}.appearance-widget .button svg{width:11px}.history-overlay strong{font-size:9px}.history-overlay p{font-size:8px}.page-footer{font-size:6px;margin-top:6px;padding-top:23px}.page-footer button{font-size:6px}.extension-grid{grid-template-columns:1fr}.extension-notice{font-size:9px;align-items:flex-start;line-height:1.8;position:relative;padding-bottom:36px}.extension-notice>svg{margin-top:2px}.extension-notice button{position:absolute;bottom:10px;right:15px;font-size:8px}.extension-card{padding:23px}.extension-card p{min-height:0}.extension-card ul{min-height:0}.extension-card-top{margin-bottom:18px}.bundle-banner{align-items:flex-start;flex-direction:column}.bundle-banner h2{font-size:18px}.bundle-banner p{font-size:9px;line-height:1.8}.view>.page-heading>.badge{display:none}.studio-layout{gap:22px}.studio-stage{min-height:420px}.preview-calculator{width:245px}.preview-number{padding:28px 0 23px}.studio-apply strong{font-size:9px}.studio-apply p{font-size:7px;max-width:180px}.studio-apply .button{font-size:9px;padding:11px 12px;gap:6px}.studio-apply .button svg{width:11px}.studio-tab{padding:24px}.modal-backdrop{padding:12px;align-items:center}.paywall-modal{max-height:calc(100dvh - 24px);border-radius:15px;padding:32px 22px 24px}.modal-header{margin-bottom:24px}.modal-header h2{font-size:25px;letter-spacing:-.9px}.modal-header p{font-size:10px}.modal-symbol{margin-bottom:15px}.modal-close{top:12px;right:12px}.plans-grid{gap:12px}.plan-card{padding:22px 14px 17px;border-radius:9px}.plan-kicker{font-size:6px;letter-spacing:1px}.plan-card h3{font-size:16px}.plan-price{font-size:31px;letter-spacing:-1.5px;margin-top:14px}.plan-price sup{font-size:14px;top:5px}.plan-price small{font-size:8px;margin-left:3px}.plan-footnote{font-size:7px;line-height:1.6;min-height:24px}.plan-card li{font-size:8px;gap:5px;margin:9px 0}.plan-card li svg{width:9px;height:9px}.plan-card .button{font-size:8px;padding:11px 5px;gap:4px}.plan-card .button svg{width:10px}.popular-label{font-size:6px;left:12px}.plan-exclusions{font-size:7px;margin-top:17px}.trust-row{gap:14px;font-size:7px;margin-top:17px}.checkout-layout{grid-template-columns:1fr;gap:23px}.checkout-header{margin-bottom:23px;font-size:9px}.checkout-main h2{font-size:25px}.checkout-intro{font-size:9px}.order-summary{order:-1;padding:16px}.order-summary>h3{margin-bottom:15px;font-size:11px}.order-product{margin-bottom:17px}.order-line{margin:10px 0}.order-divider{margin:13px 0}.order-note{display:none}.order-renewal{font-size:7px}.coupon-row{margin-top:14px}.form-label{font-size:10px}.form-input{font-size:12px;padding:12px}.checkout-terms,.checkout-terms button{font-size:9px}.checkout-secure{font-size:8px}.workspace-atmosphere{inset:62px 0 67px}.toast{left:50%;bottom:85px;font-size:9px;white-space:normal;width:max-content;max-width:88vw}.result-teaser{padding:10px;font-size:11px}.result-teaser strong{font-size:20px}.history-table th,.history-table td{padding:14px 10px;font-size:9px}.success-content{padding:35px 0}.success-content h2{font-size:27px}.about-content>p{font-size:10px}.about-fineprint{font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Keep the quiet palette legible on a bright screen. */
.nav-label{color:#8e8798}.nav-item{color:#756d80}.page-heading p{color:#87808f}.eyebrow{color:#8c829a}.widget-header h2{color:#65586f}.history-overlay strong,.appearance-widget h3{color:#82718f}.history-overlay p,.appearance-widget p{color:#9a8ba6}.extension-promo h3{color:#877196}.extension-promo p{color:#a08aad}.widget-header h2{font-size:12px}.appearance-widget h3,.history-overlay strong{font-size:11px}.appearance-widget p,.history-overlay p,.extension-promo p{font-size:10px}.appearance-widget .button{font-size:10px}.extension-card p,.extension-card li{color:#8c7b98;font-size:11px}.extension-card h2{font-size:15px}.extension-card-footer button{font-size:10px}.extension-price{color:#6d537e}.control-description,.studio-apply p{color:#94819f}.seed-label{color:#887095;font-size:10px}.control-heading h2{color:#675172}.preset-option small{color:#937a9f;font-size:9px}.studio-tabs button{font-size:11px}.modal-header p{color:#947aab;font-size:12px}.plan-card li{color:#8e739f;font-size:11px}.plan-footnote{color:#a48ab6;font-size:9px}.plan-kicker{color:#a087b1}.plan-price{color:#52375e}.plan-card h3{color:#624673}.plan-card .button{font-size:11px}.plan-exclusions{color:#a58bb5;font-size:9px}.trust-row{color:#a089b1;font-size:9px}.checkout-intro{color:#9c80ae;font-size:11px}.form-label{font-size:11px;color:#9372a4}.form-input{font-size:12px;color:#755a88}.form-input::placeholder{color:#b6a2c3}.order-line{color:#9376a6;font-size:10px}.order-summary>h3{color:#7b5d8f}.order-product strong{color:#86659a}.order-renewal{color:#aa8dbc}.order-total{color:#805492}.checkout-terms,.checkout-terms button{color:#a084b3;font-size:9px}.success-content p{color:#9b7aaf}.calc-footer{color:#9c90a8}.results-banner strong{color:#7d6491}.results-banner p{color:#9d8aaf}.quiet-caption{color:#a092ac}.billing-bottom h2{color:#81648f}.studio-apply strong{color:#7f658e}.font-options button{color:#9c80ad}.toggle-row strong{color:#8e6d9f}.toggle-row small{color:#a88bb8}.display-bottom{color:#a698b5}.display-context{color:#b9afc6}.display-copy{color:#ad9fba}.badge.neutral{color:#9a84ac}.checkout-submit{font-size:12px}.page-footer{color:#a297ab}.page-footer button{color:#94839f}.modal-header .eyebrow{color:#9b80af}.order-product small{color:#a286b4}.about-fineprint{color:#a28bad}.about-fineprint strong{color:#8c739a}.background-grid small{color:#9673a9}.segmented button{color:#9f81b2}.studio-preview-label{color:#9b85ab}.extension-notice{color:#8a709e}.plan-card .outline{color:#8e6fa6}.results-banner>button{color:#846399}.precision-label{color:#9c8bab}
@media(max-width:680px){.widget-header h2{font-size:10px}.appearance-widget h3,.history-overlay strong{font-size:9px}.appearance-widget p,.history-overlay p{font-size:8px}.appearance-widget .button{font-size:7px}.plan-card li{font-size:9px}.plan-card .button{font-size:9px}.plan-footnote{font-size:8px}.modal-header p{font-size:11px}.trust-row{font-size:7px}.plan-exclusions{font-size:8px}.studio-apply p{font-size:8px}}
/* Refinement: clearer hierarchy, dependable overlays, and comfortable touch targets. */
:root{--muted:#7d7489;--line:#e6e2ec;--canvas:#f7f8fb}
body{overflow-x:hidden}.main-shell{position:relative;isolation:isolate}.main-shell>main,.main-shell>.topbar{position:relative;z-index:1}.main-shell>main{width:100%}.workspace-atmosphere{z-index:0!important;opacity:.58!important;overflow:hidden;isolation:isolate;background-size:cover}.workspace-atmosphere>.stage-atmosphere{z-index:0}.topbar{background:#ffffffea;backdrop-filter:blur(16px)}main{padding:34px 40px 24px}.page-heading{margin-bottom:28px}h1{font-size:32px;font-weight:700;letter-spacing:-1.2px}.eyebrow{font-size:9px;letter-spacing:1.5px;color:#8b7e9b}.page-heading p{font-size:13px;color:#81778e}.breadcrumb{font-size:12px}.cloud-status{font-size:10px}.nav-item{font-size:13px;padding-top:12px;padding-bottom:12px}.nav-label{font-size:9px}.workspace-button{font-size:11px}.workspace-button>span:nth-child(2){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-button small{font-size:9px}.user-profile{font-size:12px}.user-profile small{font-size:10px}.upgrade-card strong{font-size:12px}.upgrade-card p{font-size:11px;line-height:1.65}.upgrade-card .button{font-size:11px}.upgrade-card>small{font-size:9px}.top-upgrade{font-size:11px}.button{font-size:12px}.button:disabled{cursor:default;transform:none;opacity:.7;box-shadow:none}.subtle{font-size:11px}.calculator-layout{grid-template-columns:minmax(340px,1fr) 275px}.mode{font-size:12px;padding:10px 12px}.mode-bar{margin-bottom:16px}.mode svg{width:11px;height:11px}.calculator{padding:20px;backdrop-filter:blur(20px)}.calc-top{font-size:9px;margin-bottom:16px}.calc-top .icon-button{font-size:10px}.display{min-height:162px;padding:19px 22px 13px;background:radial-gradient(ellipse at 0% 0%,rgba(var(--accent-rgb),.13),transparent 65%),#292531}.display-context{font-size:11px}.display-number{font-size:56px;margin:7px 0 10px}.display-number.medium{font-size:36px}.display-number.small{font-size:25px}.display-bottom{font-size:7px;letter-spacing:1px;color:#b0a3be}.key{height:58px;font-size:23px}.keypad{gap:9px;margin-top:17px}.key.utility{font-size:17px;color:#8c77a3}.key.operator{color:var(--accent);font-size:27px}.calc-footer{font-size:8px;line-height:1.4;margin-top:16px}.calc-footer svg{height:11px;width:11px}.calc-footer button{font-size:8px}.widget{padding:20px}.widget-header h2{font-size:13px}.widget-header{margin-bottom:20px}.history-widget{height:272px}.history-overlay{background:linear-gradient(transparent,#fff 28%)}.history-overlay strong{font-size:12px;color:#7a668b}.history-overlay p{font-size:11px;color:#9683a4}.text-link{font-size:11px}.appearance-widget h3{font-size:12px;line-height:1.6}.appearance-widget p{font-size:11px;line-height:1.8}.appearance-widget .button{font-size:10px}.results-banner{padding:16px}.results-banner strong{font-size:12px}.results-banner p{font-size:11px;line-height:1.5}.results-banner>button{font-size:11px}.quiet-caption{font-size:10px;line-height:1.6;text-align:center}.page-footer{font-size:9px;padding-top:24px;margin-top:20px;max-width:none;line-height:1.7}.page-footer button{font-size:9px}.extension-promo .eyebrow{font-size:8px}.extension-promo h3{font-size:14px}.extension-promo p{font-size:11px}.badge{font-size:8px}.badge.soft{font-size:9px}.small-pro{font-size:8px}.extension-notice{font-size:12px}.extension-notice button{font-size:11px}.extension-card{display:flex;flex-direction:column;padding:24px}.extension-card h2{font-size:16px}.extension-card p{font-size:12px;line-height:1.8}.extension-card li{font-size:11px;line-height:1.5}.extension-card-footer{margin-top:auto}.extension-card-footer button{font-size:11px}.extension-price{font-size:20px}.extension-price small{font-size:10px}.bundle-banner h2{font-size:20px}.bundle-banner p{font-size:12px;line-height:1.7}.control-description{font-size:11px;line-height:1.8}.control-heading h2{font-size:15px}.seed-label{font-size:12px;line-height:1.5}.premium-label{font-size:8px}.color-input-wrap{padding:10px}.color-input-wrap #seed-hex{font-size:12px}.preset-option small{font-size:10px}.segmented button{font-size:10px}.studio-tabs button{font-size:12px}.studio-preview-label{font-size:10px;line-height:1.6;gap:10px}.studio-preview-label>span:first-child{font-size:8px}.studio-apply strong{font-size:12px}.studio-apply p{font-size:10px;line-height:1.6}.reset-preview{font-size:10px;padding:5px}.bg-option>small{font-size:10px}.font-options button{font-size:9px;line-height:1.5}.toggle-row strong{font-size:11px}.toggle-row small{font-size:10px;line-height:1.6}.toggle{width:32px;height:18px}.toggle:after{width:14px;height:14px}.toggle[aria-checked=true]:after{transform:translateX(14px)}.studio-stage[data-bg=aurora] .stage-atmosphere,.workspace-atmosphere[data-bg=aurora] .stage-atmosphere{inset:-50%;background:conic-gradient(from 45deg,transparent,#ffffff80,transparent,var(--preview-accent),transparent);filter:blur(45px);animation:aurora var(--motion,20s) linear infinite}.workspace-atmosphere[data-bg=orbs] .stage-atmosphere{background:radial-gradient(circle at 25% 30%,#ffffffb0 0,transparent 45%),radial-gradient(circle at 80% 70%,var(--preview-accent) 0,transparent 45%);animation:orb-motion var(--motion,20s) ease-in-out infinite alternate;background-size:140% 140%}.workspace-atmosphere[data-bg=mesh] .stage-atmosphere{background:radial-gradient(ellipse at 10% 20%,#fff9,transparent 50%),radial-gradient(ellipse at 90% 70%,var(--preview-accent),transparent 60%),radial-gradient(ellipse at 70% 10%,#ebcee8,transparent 50%);background-size:150% 150%;animation:orb-motion var(--motion,20s) ease-in-out infinite alternate}.workspace-atmosphere[data-bg=grid] .stage-atmosphere{background-image:linear-gradient(#fff6 1px,transparent 1px),linear-gradient(90deg,#fff6 1px,transparent 1px);background-size:25px 25px;opacity:var(--texture,.3)}.workspace-atmosphere[data-bg=grain] .stage-atmosphere{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.5' filter='url(%23n)'/%3E%3C/svg%3E");opacity:var(--texture,.3)}
.calculator-error{font-size:12px;line-height:1.6;padding:10px 12px;margin-top:12px;color:#a65368;background:#fcf1f3;border:1px solid #f0d7df;border-radius:7px}.has-error .display{box-shadow:inset 0 0 0 1px #ba677b66}.science-caption{grid-column:1/-1;display:flex;justify-content:space-between;padding:5px 0 7px;font-size:9px;color:#a18bb6}.science-caption>span:last-child{font-size:8px;letter-spacing:1px}.advanced-key{font-size:13px;padding:10px 3px}.programmer-output{overflow-wrap:anywhere;font-size:12px;line-height:2.3;padding:14px}.recent-row{display:flex;align-items:center;justify-content:space-between;width:100%;padding:13px 0;border-bottom:1px solid #f0eaf5;gap:10px;text-align:left;font-size:12px;color:#9b85ac}.recent-row>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-row>strong{font-size:13px;font-weight:500;color:#80658e}.history-placeholder.unlocked{opacity:1;mask-image:none}.recent-row:hover{color:var(--accent)}.recent-empty{font-size:12px;line-height:1.9;color:#a48bb4;padding:20px 0}.key-premium{display:none}.key-license{position:absolute;right:8px;top:8px;color:#b29ac7;display:flex;opacity:.8}.key-license svg{width:9px;height:9px}.active-plan-summary{display:flex;align-items:center;gap:13px;padding:19px 22px;margin-bottom:28px;border:1px solid #d9d0e9;background:#f1ecf9;border-radius:10px}.active-plan-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#e7def4;color:#9671b0}.active-plan-icon svg{height:15px;width:15px}.active-plan-summary strong{font-size:14px;font-weight:550;color:#80658f}.active-plan-summary p{font-size:12px;color:#9b81ac;margin:5px 0 0}.active-plan-summary>.badge{margin-left:auto}.plan-card{display:flex;flex-direction:column}.plan-card>ul{flex:1}.plan-card .button{font-size:12px;min-height:42px}.plan-card .button:disabled{font-size:10px;white-space:normal}.plan-exclusions{font-size:10px;line-height:1.7}.plan-footnote{font-size:10px;line-height:1.6}.plan-card li{font-size:12px;line-height:1.6}.modal-header p{font-size:13px;line-height:1.8}.modal-header h2{font-size:30px}.modal-header .eyebrow{font-size:8px}.trust-row{font-size:10px}.paywall-modal{overscroll-behavior:contain;scrollbar-gutter:stable;max-height:calc(100dvh - 40px)}.modal-backdrop{overscroll-behavior:contain}.modal-close{height:31px;width:31px}.checkout-error{font-size:12px;padding:12px;background:#fbf0f4;color:#a55370;border:1px solid #edd6e0;border-radius:7px;line-height:1.6;margin-bottom:15px}.checkout-header{font-size:12px}.checkout-header button{font-size:12px}.checkout-header>span{font-size:11px}.checkout-intro{font-size:12px}.form-label{font-size:12px}.form-input{font-size:13px;padding:12px}.form-input:invalid:not(:placeholder-shown){border-color:#c9b3d9}.form-input::placeholder{color:#b29cbf}.payment-method{font-size:12px}.card-brand{font-size:8px}.checkout-terms,.checkout-terms button{font-size:10px;line-height:1.8}.checkout-terms input{width:13px;height:13px}.checkout-submit{font-size:13px;min-height:45px}.checkout-secure{font-size:9px}.order-summary>h3{font-size:14px}.order-product strong{font-size:13px}.order-product small{font-size:10px}.order-line{font-size:11px;line-height:1.5}.order-total{font-size:13px}.order-total>strong{font-size:23px}.order-renewal{font-size:10px;line-height:1.8}.coupon-row input,.coupon-row button{font-size:10px}.order-note{font-size:10px;line-height:1.8}.success-content p{font-size:13px}.receipt-line{font-size:11px}.success-billing{display:block;margin:18px auto 0;color:#a28ab2;font-size:11px;text-decoration:underline;text-underline-offset:4px}.payment-spinner{height:13px;width:13px;border:2px solid #ffffff40;border-top-color:white;border-radius:50%;animation:payment-spin .7s linear infinite}.workspace-choice{display:flex;align-items:center;gap:13px;width:100%;padding:17px 15px;border:1px solid #e4d8ee;border-radius:9px;margin:12px 0;text-align:left}.workspace-choice.selected{background:#f2ebf9;border-color:#c7b1dc}.workspace-choice-icon{color:#ab8fc0;background:#f1e8f8;display:grid;place-items:center;width:34px;height:38px;border-radius:8px}.workspace-choice strong{font-size:13px;font-weight:500;color:#9371a5}.workspace-choice small{display:block;font-size:10px;color:#b29ac3;margin-top:5px}.workspace-choice>svg,.workspace-choice>.badge{margin-left:auto}.workspace-choice>svg{width:14px;color:#b199c2}.billing-bottom h2{font-size:16px}.owned-item{font-size:13px;gap:20px;line-height:1.7}.empty-owned{font-size:12px;line-height:1.8}.receipt-row{display:flex;align-items:center;gap:20px;padding:18px 0;border-bottom:1px solid var(--line);font-size:13px;color:#9b82ac}.receipt-row>div{margin-right:auto}.receipt-row strong{font-size:13px;font-weight:500;color:#836391}.receipt-row small{display:block;font-size:10px;color:#ab95bc;margin-top:6px}.history-table{font-size:13px}.history-table th{font-size:11px}.history-table td{font-size:13px}.history-table td:last-child button{height:30px;width:30px;border:1px solid #e6dcee;border-radius:6px}.history-table td:last-child svg{height:13px;width:13px}.history-empty p{font-size:13px}.about-content>p{font-size:13px}.about-fineprint{font-size:10px;line-height:1.9}.about-actions button{font-size:10px}.toast{font-size:12px;line-height:1.6;white-space:normal;text-align:left;min-width:210px}.sr-only{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@keyframes payment-spin{to{transform:rotate(360deg)}}
@media(min-width:1450px){main{padding:42px 56px 24px}.calculator-layout{grid-template-columns:minmax(400px,600px) 300px}.key{height:62px}}
@media(max-width:1150px){main{padding:32px 28px 22px}.calculator-layout{grid-template-columns:minmax(300px,1fr) 230px;gap:20px}.widget{padding:17px}.results-banner{padding:14px;gap:9px}.results-banner strong{font-size:11px}.results-banner p,.results-banner>button{font-size:10px}.mode{font-size:11px;padding:10px 7px}.quiet-caption{font-size:9px}.calc-footer,.calc-footer button{font-size:7px}.nav-item{font-size:12px}.studio-layout{grid-template-columns:300px minmax(230px,1fr)}.page-heading p{font-size:12px}}
@media(max-width:950px){main{padding:30px 25px 22px}.calculator-layout{grid-template-columns:1fr;max-width:540px}.key{height:59px}.calculator{padding:21px}.context-column{gap:15px}.history-widget{height:254px}.appearance-widget .button{font-size:9px}.appearance-widget h3{font-size:11px}.appearance-widget p{font-size:10px}.widget-header h2{font-size:12px}.history-overlay strong{font-size:11px}.history-overlay p{font-size:10px}.studio-layout{grid-template-columns:1fr}.studio-stage{min-height:450px}.customize-top{font-size:0}.customize-top svg{width:17px;height:17px}.owned-item{font-size:12px}}
@media(max-width:680px){.sidebar{height:72px;padding-bottom:env(safe-area-inset-bottom,0px)}.sidebar .nav-item{font-size:10px;padding:9px 12px;gap:5px;min-width:65px}.sidebar .nav-item>svg{height:19px;width:19px}.main-shell{padding-bottom:72px}.topbar{padding:0 20px}.topbar-right{gap:7px}.top-upgrade{font-size:11px}.plan-pill{font-size:8px}.topbar:before{font-size:26px}.page-heading{margin-bottom:25px}.page-heading h1{font-size:29px}.page-heading .eyebrow{font-size:8px;letter-spacing:1.2px}.page-heading p{font-size:12px}main{padding:26px 18px 22px}.calculator-layout{max-width:440px;gap:20px}.mode{font-size:11px;padding:10px 6px;gap:5px}.mode svg{height:10px;width:10px}.calculator{padding:17px}.calc-top{font-size:8px;margin-bottom:15px}.calc-top .icon-button{font-size:9px}.display{min-height:160px;padding:19px 17px 12px}.display-context{font-size:10px}.display-number{font-size:52px}.display-number.medium{font-size:31px}.display-number.small{font-size:23px}.display-bottom{font-size:6px;letter-spacing:.8px}.key{height:56px;font-size:23px}.key.utility{font-size:16px}.key.operator{font-size:26px}.keypad{gap:8px}.calc-footer,.calc-footer button{font-size:7px}.results-banner{padding:12px;gap:9px;flex-wrap:wrap}.results-banner strong{font-size:11px}.results-banner p{font-size:10px}.results-banner>button{font-size:10px;margin-left:auto}.banner-icon{width:28px;height:32px}.quiet-caption{font-size:9px;gap:6px;align-items:flex-start}.quiet-caption .live-indicator{margin-top:5px}.context-column{grid-template-columns:1fr;gap:16px}.context-column .widget{padding:20px}.history-widget{height:240px}.history-overlay{inset:80px 0 0}.widget-header h2{font-size:13px}.history-overlay strong{font-size:12px}.history-overlay p{font-size:11px}.text-link{font-size:11px}.appearance-widget h3{font-size:12px}.appearance-widget p{font-size:11px}.appearance-widget .button{font-size:11px;padding:11px}.mini-themes{gap:10px}.mini-theme{height:50px}.mini-theme span{width:22px;height:29px}.page-footer{font-size:8px;gap:12px;flex-wrap:wrap;margin-top:22px;padding-top:10px}.page-footer button{font-size:8px}.page-footer>span:nth-child(2){display:none}.extension-notice{font-size:11px;padding-bottom:40px}.extension-notice button{font-size:10px}.extension-card{padding:24px}.extension-card p{font-size:12px}.extension-card li{font-size:11px}.extension-card-footer button{font-size:11px}.extension-price{font-size:21px}.bundle-banner{padding:23px}.bundle-banner h2{font-size:21px}.bundle-banner p{font-size:12px}.studio-preview-label{font-size:9px}.studio-preview-label>span:first-child{font-size:8px}.studio-stage{min-height:425px}.studio-apply{align-items:flex-start;gap:12px}.studio-apply strong{font-size:11px}.studio-apply p{font-size:9px;max-width:170px}.studio-apply .button{font-size:10px;padding:12px 10px}.studio-tab{padding:23px}.control-heading h2{font-size:15px}.control-description{font-size:11px}.seed-label{font-size:11px}.preset-option small{font-size:10px}.studio-tabs button{font-size:12px}.segmented button{font-size:11px}.bg-option>small{font-size:10px}.font-options button{font-size:9px}.toggle-row strong{font-size:11px}.toggle-row small{font-size:10px}.modal-backdrop{padding:10px}.paywall-modal{padding:34px 20px 26px;max-height:calc(100dvh - 20px)}.modal-header h2{font-size:27px}.modal-header p{font-size:12px}.modal-header .eyebrow{font-size:8px}.plan-card{padding:24px 18px}.plan-card h3{font-size:20px}.plan-price{font-size:40px}.plan-price small{font-size:11px}.plan-card .plan-kicker{font-size:8px}.plan-footnote{font-size:10px;min-height:0}.plan-card li{font-size:12px}.plan-card .button{font-size:12px;min-height:45px}.popular-label{font-size:7px}.plan-exclusions{font-size:10px}.trust-row{font-size:9px;gap:12px;flex-wrap:wrap}.result-teaser{font-size:13px;padding:13px}.checkout-layout{gap:25px}.checkout-main h2{font-size:26px}.checkout-intro{font-size:12px}.form-label{font-size:12px}.form-input{font-size:16px;padding:12px}.checkout-terms,.checkout-terms button{font-size:11px}.checkout-submit{font-size:13px;min-height:46px}.checkout-secure{font-size:9px}.payment-method{font-size:12px}.card-brand{font-size:8px}.order-summary{padding:20px}.order-summary>h3{font-size:14px}.order-product strong{font-size:13px}.order-product small{font-size:10px}.order-line{font-size:11px}.order-total{font-size:13px}.order-total>strong{font-size:25px}.order-renewal{font-size:10px}.coupon-row input,.coupon-row button{font-size:11px}.success-content h2{font-size:28px}.success-content p{font-size:12px}.receipt-line{font-size:10px}.toast{left:50%;bottom:90px;font-size:11px;max-width:90vw}.history-table th{font-size:10px}.history-table td{font-size:11px;padding:15px 10px}.history-table td:first-child{max-width:140px;overflow-wrap:anywhere}.active-plan-summary{padding:17px;gap:10px;flex-wrap:wrap}.active-plan-summary strong{font-size:13px}.active-plan-summary p{font-size:11px}.owned-item{font-size:11px;gap:15px}.receipt-row{font-size:11px;gap:12px}.receipt-row strong{font-size:12px}.receipt-row small{font-size:9px}.about-content>p{font-size:12px}.about-fineprint{font-size:10px}.about-actions{align-items:center}.workspace-atmosphere{inset:62px 0 72px}.workspace-choice{padding:14px 12px}.workspace-choice strong{font-size:12px}.workspace-choice small{font-size:10px}}
@media(max-width:520px){.plans-grid{grid-template-columns:1fr;gap:23px}.plan-card .plan-price{margin-top:14px;margin-bottom:8px}.plan-card ul{padding:12px 0;margin-top:14px}.plan-card li{margin:8px 0}.plan-card .button{white-space:normal}.page-footer{padding-bottom:env(safe-area-inset-bottom,0px)}}
@media(max-width:360px){main{padding-left:12px;padding-right:12px}.calculator{padding:14px}.mode{font-size:10px}.mode.more-mode{padding-left:8px;padding-right:8px}.results-banner>button{margin-left:37px}.studio-apply{flex-direction:column}.studio-apply p{max-width:none}.studio-apply .button{width:100%}.studio-tab{padding:19px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.mobile-workspace-switch{display:none}.workspace-atmosphere{opacity:.3!important}
@media(max-width:680px){.mobile-workspace-switch{display:grid;place-items:center;width:30px;height:30px;border:1px solid #e9e2ef;border-radius:7px;color:var(--accent);margin-right:auto;margin-left:10px;background:#fff8}.mobile-workspace-switch svg{width:14px;height:14px}.topbar-right{gap:4px}.top-upgrade{gap:5px;font-size:10px}.topbar:before{flex-shrink:0}.topbar .plan-pill{font-size:7px}}