/* NUVYTERA Free Creator Tools — standalone local preview */
.ft-intro{background:#13231d;color:#f4f9f0;position:relative;overflow:hidden;padding:78px 0 74px}
.ft-intro::after{content:"";position:absolute;right:-90px;top:-160px;width:650px;height:650px;border-radius:50%;background:radial-gradient(circle,#86b36f2a,transparent 70%);pointer-events:none}
.ft-intro .container{position:relative;z-index:1}
.ft-intro h1{margin:17px 0 19px;max-width:1000px;font-size:clamp(54px,6.5vw,93px)}
.ft-intro h1 em{font-style:normal;color:#d1efba}
.ft-intro p{font-size:15px;line-height:1.85;color:#abc4b4;max-width:730px}
.ft-hero-points{margin-top:29px;display:flex;gap:12px;flex-wrap:wrap}
.ft-hero-points span{display:inline-flex;align-items:center;gap:9px;color:#d4e6d1;border:1px solid #4a6951;background:#f4fff607;padding:9px 13px;border-radius:99px;font-size:10px;font-weight:720}
.ft-hero-points .i{width:13px;height:13px;color:#bde5a5}
.ft-index{padding:68px 0 110px;background:#f8faf5}
.ft-index-title{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:29px}
.ft-index-title h2{margin-top:13px}
.ft-index-title p{font-size:13px;max-width:460px}
.ft-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.ft-card{position:relative;display:flex;flex-direction:column;min-height:308px;padding:29px;border-radius:15px;background:#fff;border:1px solid #dce6da;box-shadow:0 10px 28px #1b32220a;transition:transform .2s,box-shadow .2s,border-color .2s}
.ft-card:hover{transform:translateY(-4px);box-shadow:0 22px 40px #20362619;border-color:#b1c9aa}
.ft-card:focus-visible{outline:3px solid #7ca674;outline-offset:4px}
.ft-card-top{display:flex;align-items:center;justify-content:space-between;gap:9px}
.ft-card-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:14px;background:#ecf4e7;color:#427b50;border:1px solid #dce9d7}
.ft-card-icon svg{width:24px;height:24px}
.ft-free-label{padding:7px 10px;background:#e6f3db;color:#366c42;border:1px solid #d1e8c6;border-radius:50px;font-size:9px;font-weight:880;letter-spacing:.075em}
.ft-card h3{font-size:26px;letter-spacing:-.05em;margin:26px 0 13px}
.ft-card>p{font-size:12px;line-height:1.85}
.ft-card-bottom{margin-top:auto;padding-top:25px;display:flex;gap:12px;align-items:center;justify-content:space-between;color:#356849;font-size:11px;font-weight:800}
.ft-card-bottom svg{width:15px}
.ft-blurb{padding:25px;border-radius:12px;background:#eaf2e5;border:1px solid #d7e4d4;margin-top:26px;display:flex;gap:14px;align-items:flex-start}
.ft-blurb .icon-square{flex:none}
.ft-blurb strong{font-size:13px;color:#31583a}
.ft-blurb p{font-size:12px;line-height:1.7;margin-top:5px}
.ft-workspace{min-height:75vh;background:#f7f9f4;padding:39px 0 110px}
.ft-workspace .page-breadcrumbs{margin-bottom:30px}
.ft-workspace-header{display:flex;gap:20px;align-items:flex-end;justify-content:space-between;margin-bottom:32px}
.ft-workspace-header h1{font-size:clamp(42px,4.2vw,63px);margin:14px 0 15px}
.ft-workspace-header p{max-width:670px;font-size:13px;line-height:1.8}
.ft-workspace-header .ft-free-label{font-size:10px;padding:9px 12px}
.ft-layout{display:grid;grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr);gap:19px;align-items:start}
.ft-panel{background:#fff;border:1px solid #dce7d9;border-radius:14px;padding:clamp(20px,2.3vw,32px);min-width:0}
.ft-panel>h2{font-size:26px;margin-bottom:8px}
.ft-panel>p{font-size:12px;line-height:1.8;margin-bottom:23px}
.ft-form{display:grid;gap:18px}
.ft-form .form-field>input[type=file]{padding:10px;cursor:pointer}
.ft-form .form-field>input[type=color]{min-height:45px;padding:5px 8px;cursor:pointer}
.ft-inline{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.ft-inline.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.ft-toggles{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.ft-toggles>label{display:inline-flex;align-items:center;gap:8px;color:#47644d;font-size:11px;font-weight:650}
.ft-toggles input{accent-color:#437f4a}
.ft-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:6px}
.ft-actions .btn{min-width:130px}
.ft-preview{background:#edf4e8;border:1px solid #dbe9d5;border-radius:12px;min-height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding:18px}
.ft-preview canvas{display:block;max-width:100%;max-height:540px;object-fit:contain;border:1px solid #d1decb;box-shadow:0 12px 40px #1a302119;background:#fff}
.ft-preview-empty{display:grid;place-items:center;text-align:center;gap:10px;color:#627a67;padding:30px 20px}
.ft-preview-empty .i{width:36px;height:36px;stroke-width:1.2}
.ft-preview-empty strong{font:620 18px var(--display);color:#3c6347}
.ft-preview-empty p{font-size:11px;line-height:1.75;max-width:330px}
.ft-status{min-height:43px;padding:11px 12px;border:1px solid #d7e7d2;background:#edf7e9;border-radius:9px;color:#42684b;font-size:11px;line-height:1.75}
.ft-status[data-error=true]{background:#fff1ed;border-color:#efc8c3;color:#9c5145}
.ft-status:empty{display:none}
.ft-field-helper{margin-top:6px;color:#809280;font-size:10px}
.ft-result{margin-top:18px;padding:17px;border:1px solid #dce8d8;background:#f7faf5;border-radius:10px}
.ft-result strong{display:block;font-size:11px;color:#385840;margin-bottom:7px}
.ft-result p{font-size:11px;line-height:1.75;overflow-wrap:anywhere}
.ft-result pre{white-space:pre-wrap;word-break:break-word;color:#284234;font:500 11px/1.7 ui-monospace,Consolas,monospace;max-height:360px;overflow:auto}
.ft-result .btn{margin-top:14px}
.ft-swatches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ft-swatch{min-width:0;padding:0;background:#fff;border:1px solid #dce6da;border-radius:10px;overflow:hidden;text-align:left}
.ft-swatch:hover{border-color:#8eb58d}
.ft-swatch-color{height:106px;background:var(--swatch)}
.ft-swatch-label{padding:12px 10px;font:750 11px var(--font);display:flex;gap:4px;justify-content:space-between;align-items:center}
.ft-swatch-label .i{width:13px;height:13px;color:#739274}
.ft-pricing{display:grid;gap:15px}
.ft-pricing-row{display:flex;justify-content:space-between;gap:15px;align-items:center;border-bottom:1px solid #e3ece1;padding:0 0 13px;font-size:12px;color:#638068}
.ft-pricing-row strong{font:680 18px var(--display);letter-spacing:-.03em;color:#30553a}
.ft-pricing-row.ft-major{font-weight:780;color:#224a30}
.ft-pricing-row.ft-major strong{font-size:28px}
.ft-pricing-result{background:#edf5e8;border:1px solid #d5e5d2;border-radius:11px;padding:21px;margin-top:20px}
.ft-pricing-result>.eyebrow{margin-bottom:18px}
.ft-banner{display:grid;grid-template-columns:1fr auto;gap:15px;align-items:center;padding:22px;background:#11231b;color:#eef9eb;border:1px solid #405f45;border-radius:12px;margin-top:30px}
.ft-banner h3{font-size:24px;margin-bottom:8px}
.ft-banner p{font-size:11px;color:#bad0bc}
.ft-banner .btn{border-color:#d4e6cd}
.ft-copy-output{min-height:150px;padding:19px;border:1px solid #d9e7d6;background:#fbfdf8;border-radius:10px;white-space:pre-wrap;overflow-wrap:anywhere;color:#38533e;font-size:12px;line-height:1.8}
.ft-favicon-preview{display:grid;grid-template-columns:160px 72px 40px;gap:18px;justify-content:center;align-items:end;padding:33px 15px}
.ft-favicon-preview canvas{width:100%;height:auto;aspect-ratio:1;box-shadow:0 13px 30px #17351b17;border-radius:13px}
.ft-favicon-preview canvas:nth-child(2){border-radius:8px}
.ft-favicon-preview canvas:nth-child(3){border-radius:6px}
.ft-format-hint{font-size:10px;color:#7e907f;margin-top:10px}
.ft-hidden{display:none!important}
@media(max-width:1120px){
 .ft-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ft-layout{grid-template-columns:1fr 1fr}
}
@media(max-width:880px){
 .ft-intro{padding:60px 0}
 .ft-layout{grid-template-columns:1fr}
 .ft-preview canvas{max-height:440px}
 .ft-index-title{display:block}
 .ft-index-title>p{margin-top:15px}
}
@media(max-width:610px){
 .ft-intro{padding:49px 0 55px}
 .ft-intro h1{font-size:clamp(48px,12vw,65px)}
 .ft-intro p{font-size:12px}
 .ft-hero-points{gap:8px;margin-top:18px}
 .ft-hero-points span{font-size:9px;padding:8px 9px}
 .ft-grid{grid-template-columns:1fr;gap:11px}
 .ft-card{min-height:225px;padding:22px}
 .ft-card h3{font-size:24px;margin-top:17px}
 .ft-card-bottom{padding-top:16px}
 .ft-index{padding:48px 0 67px}
 .ft-workspace{padding:25px 0 70px}
 .ft-workspace-header{display:block}
 .ft-workspace-header h1{font-size:42px}
 .ft-workspace-header p{font-size:12px}
 .ft-workspace-header .ft-free-label{display:inline-flex;margin-top:17px}
 .ft-panel{padding:18px}
 .ft-panel h2{font-size:23px}
 .ft-inline.three{grid-template-columns:1fr 1fr}
 .ft-swatches{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .ft-swatch-color{height:96px}
 .ft-preview{padding:11px}
 .ft-preview canvas{max-height:350px}
 .ft-banner{display:block}
 .ft-banner .btn{margin-top:17px}
 .ft-favicon-preview{grid-template-columns:120px 58px 32px;gap:11px}
}