/* ToolMintly 5: shared navigation, readable forms, a focused studio. */
:root{--ink:#193d32;--muted:#657970;--line:#dfe7e1;--cream:#f7f9f6;--mint:#e8f4ed;--green:#155b46;--green-dark:#104734}
body{color:var(--ink);background:var(--cream);font-size:15px;line-height:1.6}a,button,summary{touch-action:manipulation}button{font-family:inherit}.field-help{font-size:12px;color:#6b7e72;line-height:1.7}label{font-size:13px;color:#304c3f}input:not([type=color]):not([type=checkbox]),textarea,select{font-size:14px;padding:12px 14px;border-radius:9px}input::placeholder,textarea::placeholder{color:#87978e}.button{font-size:13px;padding:12px 19px;border-radius:9px;font-weight:650}.eyebrow{font-size:10px}.text-link{font-size:13px}.site-header{max-width:1280px;padding:20px 32px;min-height:86px;gap:26px}.brand{font-size:25px;white-space:nowrap}.site-header .main-nav{font-size:13px;gap:26px}.main-nav a{padding:8px 0;white-space:nowrap}.main-nav .current{color:var(--green);font-weight:750}.header-actions{font-size:13px;gap:20px}.header-start{font-size:12px;padding:10px 16px}.site-header .account-menu{position:relative}.account-menu summary{list-style:none;display:flex;align-items:center;gap:10px;padding:4px 0 4px 4px;cursor:pointer;font-size:13px;font-weight:650}.account-menu summary::-webkit-details-marker{display:none}.user-avatar{width:36px;height:36px;display:grid;place-items:center;background:#e1ede4;border:1px solid #cddfd2;border-radius:50%;color:var(--green);font-size:14px}.user-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-popover{position:absolute;top:calc(100% + 14px);right:0;z-index:25;background:#fff;border:1px solid var(--line);box-shadow:0 15px 48px #153d251c;border-radius:13px;width:250px;padding:8px}.account-popover-name{margin:0;padding:12px 12px 14px;font-size:14px;border-bottom:1px solid #e9eeea;overflow-wrap:anywhere}.account-popover-name small{display:block;color:var(--muted);font-size:11px;margin-top:3px;font-weight:400}.account-popover>a,.account-popover button{display:block;width:100%;text-align:left;border:0;border-radius:7px;background:transparent;color:var(--ink);font-size:13px;padding:10px 12px;cursor:pointer}.account-popover>a:hover,.account-popover button:hover{background:#eff5ef}.account-popover form{border-top:1px solid #e9eeea;margin:5px 0 0;padding-top:5px}.site-footer{font-size:11px}.site-footer nav{font-size:12px}
.website-main{max-width:1200px}.hero-copy h1{font-weight:650}.hero-description{font-size:16px;line-height:1.8;max-width:415px}.hero-copy .eyebrow{font-size:10px}.hero-actions .button{font-size:13px}.hero-footnote{font-size:12px}.hero-composition{background:#e4eee1}.capability-strip{font-size:12px}.section-intro>p:not(.eyebrow){font-size:15px}.story-card p,.use-case-grid p,.marketing-steps p,.faq-list details p{font-size:14px}.story-card h3,.use-case-grid h3{font-weight:650}.section-number{font-size:10px}.story-card .text-link{font-size:13px}.plan-description{font-size:14px}.plan-name{font-size:11px}.feature-checks{font-size:13px}.plan-caption,.plan-access-note{font-size:11px}.plan-card{padding:32px;border-radius:16px}.plan-card h3{font-size:26px;font-weight:650}.plan-pro{background:#e5f0e2;border-color:#bfd7ba}.plan-button{font-size:13px}.page-intro>p:not(.eyebrow){font-size:15px}.faq-list summary{font-size:14px}.info-content p,.info-content li{font-size:14px}
.generator-main{max-width:1216px}.studio-intro{padding:34px 0 30px;display:flex;align-items:center;justify-content:space-between;gap:30px;text-align:left}.studio-intro .eyebrow{justify-content:flex-start;margin-bottom:12px}.studio-intro h1{font-size:40px;letter-spacing:-1.6px;font-weight:650;line-height:1.15}.studio-intro .intro-description{font-size:14px;text-align:left;max-width:none;margin:12px 0 0}.studio-steps{list-style:none;display:flex;gap:18px;padding:0;margin:0;flex-shrink:0}.studio-steps li{display:flex;align-items:center;gap:8px;font-size:11px;color:#6f8275;white-space:nowrap}.studio-steps li span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;border:1px solid #ceded0;background:#edf4ea;font-size:10px;font-weight:650;color:var(--green)}.qr-studio{padding-top:0}.type-selector-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:2px 0 13px}.type-selector-heading h2{font-size:14px;font-weight:650;letter-spacing:-.2px}.type-selector-heading>span{font-size:11px;color:#728475}.studio-type-selector{justify-content:flex-start;gap:8px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;padding:3px 1px 12px;margin-bottom:18px}.studio-type-selector button{flex-shrink:0;padding:11px 14px;font-size:12px;background:#edf2eb;border-color:#e5ece3;border-radius:10px}.studio-type-selector button.selected{background:var(--green);border-color:var(--green);box-shadow:0 3px 8px #145c4614}.studio-grid{grid-template-columns:minmax(0,1.28fr) minmax(0,1fr);gap:24px}.studio-editor{padding:25px;border-radius:17px;box-shadow:0 4px 20px #173c2603}.studio-preview{top:20px;padding:24px;border-radius:17px;box-shadow:0 5px 28px #173c2606;scroll-margin-top:20px}.mode-selector{padding:5px;border-radius:10px;background:#edf3ec}.mode-selector button{font-size:12px;padding:12px 8px;color:#62796b;border-radius:7px}.mode-selector button.selected{box-shadow:0 2px 6px #183c2410;color:var(--green)}#mode-help{margin:11px 0 20px;font-size:12px}#dynamic-name-wrap{background:#f0f7ef;border-color:#dbe8d6;padding:17px;border-radius:11px}.account-access-actions{display:flex;gap:13px;align-items:center;flex-wrap:wrap;margin-top:7px}.account-access-actions .inline-link{margin:0;font-size:12px}.text-button{border:0;background:transparent;padding:3px 0;font-size:11px;color:var(--green);text-decoration:underline;text-underline-offset:3px}.studio-content-fields{margin-top:20px}.design-section{border-radius:11px;margin-top:13px}.design-section>summary{padding:14px 16px;justify-content:flex-start;background:#f5f7f3;font-size:13px;gap:10px}.design-section>summary>span{margin-right:0;color:#53765c}.design-section>summary:after{margin-left:auto}.design-section-body{padding:17px}.pattern-picker{gap:8px}.pattern-picker button{padding:12px 3px;font-size:10px;border-radius:9px}.pattern-picker button.selected{background:#eaf5e7;border-color:#68966d}.pattern-demo{font-size:16px}.logo-upload{padding:16px;background:#f6f8f4}.logo-upload small{font-size:11px;color:#6a7f6d}.studio-output-settings{margin-top:20px}.studio-output-settings select{font-size:13px}.generate-button{font-size:13px;border-radius:10px;padding:14px 16px;margin-top:20px}.studio-preview .preview-top{font-size:10px;letter-spacing:1.2px}.live-badge{font-size:10px;letter-spacing:0;color:#397454;border:1px solid #d3e5d4;background:#f5faf2;padding:5px 10px;white-space:nowrap}.studio-qr-stage{min-height:300px;margin:18px 0 16px;padding:20px;background-color:#f4f7f2;background-image:radial-gradient(#d9e3d5 .7px,transparent .7px);background-size:12px 12px;border:1px solid #e4ece0;border-radius:13px}.studio-qr-paper{width:min(100%,270px);max-width:270px;min-height:245px;background:#fff;padding:9px;border-radius:8px;box-shadow:0 6px 20px #2c4e2510}.studio-qr-paper .placeholder{padding:20px;font-size:12px;color:#71856f}.studio-qr-paper .placeholder span{font-size:38px;color:#8fac88;margin-bottom:9px}.preview-details{font-size:11px;color:#6d8172}.studio-preview .status-message{font-size:12px;line-height:1.7;min-height:0;margin:13px 0 15px;color:#4f7159;padding:11px 13px;background:#f0f6ed;border-radius:9px}.studio-preview .status-message.error{background:#fff1ec;color:#a43c2c}.studio-preview .status-message[data-tone=draft]{background:#fff8e6;color:#7f651d}.studio-preview .status-message:empty{display:none}.preview-save{margin:14px 0;font-size:13px}#save-message{margin:8px 0 14px}#save-message:empty{display:none}#save-message.error{color:#a43c2c}.studio-preview .download-buttons{gap:8px;margin-top:14px}.studio-preview .download-buttons button{padding:13px 9px;font-size:12px;border-radius:9px}.studio-preview .preview-footnote{font-size:11px;color:#70836f}.permanent-link-wrap{border:1px solid #d8e8d7;background:#f5faf2;border-radius:9px;padding:11px 13px;margin:12px 0}.permanent-link-wrap>span{font-size:8px;font-weight:700;letter-spacing:1.3px;color:#71896d;display:block}.permanent-link-wrap a{display:block;overflow-wrap:anywhere;color:var(--green);font-size:12px;margin-top:5px;text-decoration:underline;text-underline-offset:3px}.embedded-panel{font-size:12px;margin-top:19px}.embedded-panel summary{text-align:left}.studio-preview .privacy-note p{font-size:10px}.studio-preview .privacy-note{margin-top:18px}.studio-faq{padding-top:35px;margin-top:50px}.studio-faq h2{font-size:31px}.studio-faq .faq-list details p{font-size:13px}
.dashboard-main{max-width:1216px;margin-top:30px}.dashboard-heading{margin-bottom:27px}.dashboard-heading h1{font-size:37px;letter-spacing:-1.4px}.dashboard-heading p:not(.eyebrow){font-size:14px;max-width:680px;line-height:1.7}.owner-badge{font-size:11px}.stats-grid article{border-radius:14px;padding:23px}.stats-grid span{font-size:12px}.stats-grid strong{font-size:32px}.stats-note{font-size:11px}.account-card{border-radius:16px}.account-card h2{font-size:21px}.account-description{font-size:14px}.customer-plan-banner p,.create-code p{font-size:13px}.code-card{border-radius:15px}.code-content .destination-line{font-size:13px}.workspace-note{font-size:12px}.empty-state{border-radius:15px;padding:42px 24px}.empty-state p{font-size:14px}.settings-grid .field-help{font-size:12px}.settings-grid label{margin-top:15px}.settings-grid .check-label{font-size:12px}.google-settings{margin-top:24px}.google-settings .settings-grid{gap:32px}.integration-note{background:#f3f7ef;border:1px solid #dce7d8;border-radius:11px;padding:18px;font-size:13px;color:#597452}.integration-note h3{font-size:15px;margin-bottom:8px}.integration-note p{font-size:13px;margin:8px 0}.integration-note a{text-decoration:underline}.users-toolbar{display:flex;gap:12px;align-items:end;margin:28px 0 17px}.users-search{flex:1}.users-toolbar label{font-size:12px}.users-toolbar select{min-width:170px}.users-toolbar .button{min-height:47px}.users-panel{border:1px solid var(--line);border-radius:15px;background:#fff;overflow:hidden}.users-table-scroll{overflow-x:auto}.users-table{width:100%;border-collapse:collapse;text-align:left;min-width:950px;font-size:12px}.users-table th{font-weight:650;font-size:10px;letter-spacing:.7px;text-transform:uppercase;background:#f0f5ed;color:#61775d;padding:15px 19px;white-space:nowrap}.users-table td{padding:19px;border-top:1px solid #e7ede5;vertical-align:top}.users-table td strong{font-size:14px;font-weight:650;display:block}.users-table small{display:block;font-size:10px;color:#7c8e7a;margin-top:5px}.users-table .email{font-size:12px;color:#637a65;overflow-wrap:anywhere}.member-pill{display:inline-flex;align-items:center;border:1px solid #d8e3d3;background:#f1f6eb;color:#637c4e;border-radius:20px;padding:4px 10px;font-size:10px;white-space:nowrap}.member-pill.active{color:#1c6440;background:#e7f4e7;border-color:#c4dfc0}.member-pill.pending{color:#8e7026;background:#fbf5e3;border-color:#e9dfbe}.users-table code{font-size:10px;overflow-wrap:anywhere}.users-table .button{font-size:11px;padding:8px 11px}.users-table details{margin-top:9px}.users-table details summary{font-size:11px;cursor:pointer;color:var(--green)}.users-table details p{font-size:11px;color:#61775e;margin:8px 0}.users-caption{font-size:11px;color:#6d806d;padding:15px 19px;margin:0;border-top:1px solid var(--line);background:#fbfcf9}.cookie-panel{position:fixed;bottom:20px;left:20px;z-index:90;max-width:440px;width:calc(100% - 40px);padding:22px;background:#fff;border:1px solid #d7e4d3;border-radius:15px;box-shadow:0 12px 55px #123b2526}.cookie-panel h2{font-size:17px}.cookie-panel p{font-size:12px;color:#60745e;margin:10px 0 16px}.cookie-panel a{text-decoration:underline}.cookie-actions{display:flex;gap:9px}.cookie-actions .button{flex:1;font-size:12px;padding:11px}.cookie-settings{background:none;border:0;color:var(--muted);padding:0;font-size:11px;text-decoration:underline;text-underline-offset:3px}.cookie-choice-saved{font-size:12px;color:var(--green)}
.studio-preview .live-badge{display:inline-flex;align-items:center;gap:6px;line-height:1.4;width:auto;height:auto}.studio-preview .live-badge #preview-state{width:auto;height:auto;display:inline;background:transparent;border-radius:0;font-size:10px;line-height:inherit}
@media(min-width:1500px){.site-header{padding-inline:32px}.generator-main{max-width:1250px}.studio-intro{padding-top:40px}.studio-qr-stage{min-height:330px}}
@media(max-width:1230px){.generator-main,.dashboard-main,.website-main{margin-inline:28px}.site-header{padding-inline:28px}.studio-intro h1{font-size:35px}.studio-steps{gap:10px}.studio-steps li{font-size:10px;gap:5px}.studio-steps li span{width:24px;height:24px}.site-header .main-nav{gap:18px;font-size:12px}}
@media(max-width:950px){.studio-intro{align-items:flex-start;flex-direction:column;gap:19px;padding-top:25px}.studio-steps{gap:24px}.studio-steps li{font-size:11px}.studio-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:18px}.studio-editor,.studio-preview{padding:20px}.studio-qr-stage{min-height:265px;padding:15px}.studio-qr-paper{min-height:220px}.studio-preview .download-buttons button{font-size:10px;padding:12px 6px}.studio-type-selector{margin-bottom:13px}.hero-description{font-size:15px}.users-toolbar{flex-wrap:wrap}}
@media(max-width:720px){.site-header{flex-wrap:wrap;gap:12px;padding:15px 20px 13px;min-height:80px}.brand{font-size:22px}.header-actions{margin-left:auto}.header-start{font-size:11px;padding:9px 12px}.header-login{font-size:12px}.site-header .main-nav{width:100%;order:3;justify-content:flex-start;gap:25px;font-size:12px;padding-top:3px;border-top:1px solid #e3ebe0;overflow:auto}.site-header .main-nav>a,.site-header nav>a:first-child,.site-header nav>a:nth-child(2){display:block}.user-name{max-width:83px}.user-avatar{width:32px;height:32px}.generator-main,.dashboard-main,.website-main{margin-inline:16px}.studio-grid{grid-template-columns:1fr}.studio-editor,.studio-preview{width:100%;padding:20px}.studio-preview{position:static}.studio-qr-stage{min-height:290px}.studio-qr-paper{max-width:270px;min-height:245px}.studio-intro h1{font-size:32px}.studio-intro .intro-description{font-size:13px}.studio-steps{gap:20px}.studio-steps li{gap:6px;font-size:10px}.type-selector-heading{align-items:flex-start;flex-direction:column;gap:3px}.type-selector-heading h2{font-size:13px}.type-selector-heading>span{font-size:10px}.studio-type-selector{margin-top:0;margin-bottom:13px}.studio-type-selector button{font-size:11px;padding:10px 12px}.studio-preview .download-buttons button{font-size:12px}.studio-faq{gap:25px;margin-top:35px}.studio-faq h2{font-size:28px}.type-selector-heading+div{scroll-padding-left:8px}.dashboard-heading{align-items:flex-start}.dashboard-heading h1{font-size:31px}.dashboard-heading p:not(.eyebrow){font-size:13px}.users-toolbar{display:grid;grid-template-columns:1fr 1fr;gap:10px}.users-search{grid-column:1/-1}.users-toolbar .button{min-height:45px}.users-toolbar select{min-width:0}.stats-grid article{padding:18px}.stats-grid strong{font-size:29px}.stats-grid span{font-size:11px}.settings-grid{grid-template-columns:1fr}.hero-copy h1{font-size:60px}.hero-description{font-size:14px}.capability-strip{font-size:10px}.site-footer nav{font-size:11px}.cookie-panel{bottom:12px;left:12px;width:calc(100% - 24px);padding:19px}.cookie-actions .button{font-size:11px}.account-popover{width:235px}.google-settings .settings-grid{gap:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transform:none!important}}
@media print{.site-header,.studio-intro,.studio-steps,.type-selector-heading,.studio-type-selector,.preview-save,#save-message,.permanent-link-wrap,.cookie-panel{display:none!important}.studio-grid{display:block}.studio-preview{box-shadow:none;border:0;padding:0}.studio-qr-stage{background:none;border:0;padding:0;min-height:0;margin:0}.studio-qr-paper{padding:0;box-shadow:none;width:90mm;max-width:90mm;min-height:0}.studio-qr-paper svg{width:90mm}.studio-preview[data-downloadable=false]{display:none!important}}