@font-face{font-family:'AF Studio Sans';src:url('fonts/studio-sans.woff') format('woff');font-display:swap}@font-face{font-family:'AF Studio Serif';src:url('fonts/studio-serif.woff') format('woff');font-display:swap}@font-face{font-family:'AF Studio Mono';src:url('fonts/studio-mono.woff') format('woff');font-display:swap}
.af-logo-studio{--lg-bg:#f7f7fb;--lg-panel:#fff;--lg-ink:#242537;--lg-muted:#6c6d80;--lg-line:#e9e8f0;--lg-accent:#6955e8;--lg-tint:#f1eeff;color:var(--lg-ink);font-family:'AF Studio Sans',sans-serif;line-height:1.65;max-width:1500px;margin:0 auto;isolation:isolate;font-size:14px}.af-logo-studio *{box-sizing:border-box}.af-logo-studio button,.af-logo-studio input,.af-logo-studio select{font:inherit}.af-logo-studio button{cursor:pointer;min-height:40px;transition:background .16s,box-shadow .16s,transform .16s;border:1px solid var(--lg-line);background:var(--lg-panel);color:var(--lg-ink);border-radius:11px;padding:9px 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1.5}.af-logo-studio button:hover{border-color:#b6abf2;box-shadow:0 3px 12px #31246b0d}.af-logo-studio button:active{transform:translateY(1px)}.af-logo-studio button:disabled{opacity:.45;cursor:wait}.af-logo-studio :focus-visible{outline:3px solid #b9aaf6;outline-offset:3px}.af-logo-studio [hidden]{display:none!important}.af-logo-studio h1,.af-logo-studio h2,.af-logo-studio h3,.af-logo-studio p{margin:0}.af-logo-studio .lg-eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;color:var(--lg-accent);display:block}.af-logo-studio[dir=rtl] .lg-eyebrow{letter-spacing:.3px}.lg-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:40px 44px;margin-bottom:22px;background:linear-gradient(120deg,#f0edff,#f8f4fc 65%,#fff4e9);border:1px solid #e9e2fa;border-radius:24px;overflow:hidden;min-height:265px}.lg-hero>div:first-child{position:relative;z-index:1;max-width:73%}.af-logo-studio .lg-hero h1{font-family:'AF Studio Sans',sans-serif;font-size:clamp(24px,3vw,40px);letter-spacing:-1.6px;font-weight:700;line-height:1.35;margin:12px 0 13px;color:#29213f}.af-logo-studio[dir=rtl] .lg-hero h1{letter-spacing:-1px}.lg-hero p{max-width:550px;color:#70667f;font-size:13px}.lg-benefits{display:flex;flex-wrap:wrap;gap:16px;margin-top:22px;color:#665784;font-size:11px}.af-logo-studio .lg-lang{position:absolute;inset-inline-end:17px;top:15px;font-size:11px;min-height:30px;padding:4px 11px;background:#ffffffaa;border-color:#e3daf0;z-index:2}.lg-hero-art{width:200px;height:185px;position:relative;flex-shrink:0}.lg-hero-art>span{position:absolute;font-size:103px;line-height:1;top:40px;left:50px;color:#6955e8;transform:rotate(-12deg)}.lg-hero-art b{font-family:'AF Studio Serif',serif;font-size:32px;font-style:italic;position:absolute;bottom:0;left:15px;background:#fffdf9;padding:5px 16px;box-shadow:0 7px 25px #78639f1a;border-radius:14px;transform:rotate(10deg);color:#785f49}.lg-hero-art i{position:absolute;right:0;top:18px;font-style:normal;font-size:35px;color:#d7a062}.lg-orbit{position:absolute;inset:15px;border:1px solid #d2c5ed;border-radius:50%;transform:rotate(-30deg) scaleX(1.2)}.lg-brief{border:1px solid var(--lg-line);border-radius:20px;background:var(--lg-panel);padding:26px;box-shadow:0 8px 35px #31256b04}.lg-form-intro{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:21px}.lg-local-dot{font-size:9px;color:var(--lg-muted);letter-spacing:1px;display:flex;align-items:center;gap:7px}.lg-local-dot:before{content:'';width:6px;height:6px;border-radius:50%;background:#44a37c;box-shadow:0 0 0 4px #44a37c12}.lg-brief-fields{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:20px}.lg-field{display:flex;flex-direction:column;gap:8px;font-size:11px;font-weight:500;min-width:0}.lg-field>span{color:var(--lg-muted)}.af-logo-studio input:not([type=checkbox]):not([type=range]):not([type=color]),.af-logo-studio select{background:var(--lg-bg);border:1px solid var(--lg-line);border-radius:10px;color:var(--lg-ink);height:45px;min-width:0;width:100%;padding:0 12px;box-shadow:none;font-size:12px}.af-logo-studio select{padding-inline-end:24px}.af-logo-studio input::placeholder{color:#9a98aa}.lg-directions{border-top:1px solid var(--lg-line);margin-top:24px;padding-top:16px}.af-logo-studio summary{cursor:pointer;list-style:none;font-weight:700;font-size:11px;display:flex;justify-content:space-between;align-items:center;gap:10px}.af-logo-studio summary::-webkit-details-marker{display:none}.lg-directions summary>span{color:var(--lg-accent);font-size:20px}.lg-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:16px}.lg-generate-row{display:flex;align-items:center;gap:22px;margin-top:24px;flex-wrap:wrap}.af-logo-studio .lg-primary{background:var(--lg-accent);border-color:var(--lg-accent);color:#fff;font-weight:700;font-size:12px;box-shadow:0 5px 13px #6955e81a;min-height:44px;padding:11px 20px}.af-logo-studio .lg-primary:hover{background:#5944ce;border-color:#5944ce}.lg-primary>span{margin-inline-start:15px}.lg-privacy{color:var(--lg-muted);font-size:10px;flex:1;min-width:180px}.lg-privacy small{display:block;font-size:9px;color:#9794a7;margin-top:3px}.af-logo-studio .lg-text-button{border:0;background:none;font-size:10px;color:var(--lg-muted);padding-inline:0}.lg-live{font-size:11px;color:var(--lg-muted);padding:20px 3px;min-height:56px}.lg-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--lg-line)}.lg-tabs{display:flex;gap:5px}.af-logo-studio .lg-tabs button{border:0;background:none;color:var(--lg-muted);font-size:12px;padding:8px 13px}.af-logo-studio .lg-tabs button[aria-pressed=true]{background:var(--lg-tint);color:var(--lg-accent)}.lg-tabs b{font-size:9px;background:var(--lg-panel);border:1px solid var(--lg-line);padding:0 6px;min-width:22px;border-radius:6px}.lg-tool-actions{display:flex;gap:8px}.af-logo-studio .lg-tool-actions button{font-size:10px;min-height:34px;padding:6px 10px}.lg-results-meta{font-size:10px;color:var(--lg-muted);padding:16px 0;min-height:47px}.lg-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.lg-card{border:1px solid var(--lg-line);background:var(--lg-panel);border-radius:16px;overflow:hidden;min-width:0;transition:box-shadow .2s,transform .2s}.lg-card:hover{box-shadow:0 8px 26px #382c6710;transform:translateY(-2px)}.af-logo-studio .lg-card-art{display:block;border:0;padding:0;width:100%;border-radius:0;aspect-ratio:8/5;overflow:hidden;background-color:#fff;background-image:linear-gradient(45deg,#eee 25%,transparent 25%),linear-gradient(-45deg,#eee 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eee 75%),linear-gradient(-45deg,transparent 75%,#eee 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.lg-card-art svg{display:block;width:100%;height:auto}.af-logo-studio .lg-card-art:hover{box-shadow:none}.lg-card-info{padding:14px;display:flex;align-items:center;justify-content:space-between;gap:7px}.lg-card-info b{font-size:10px;display:block;font-weight:500}.lg-card-info small{font-size:8px;display:block;color:var(--lg-muted);margin-top:3px}.lg-card-buttons{display:flex;align-items:center;gap:5px;flex-shrink:0}.af-logo-studio .lg-card-buttons button{border:0;font-size:9px;padding:6px;min-height:30px}.af-logo-studio .lg-heart[aria-pressed=true],.af-logo-studio [data-action=save-editor][aria-pressed=true]{color:#b33c72;background:#fcf0f5}.lg-heart[aria-pressed=true] path{fill:#b33c72}.lg-empty{grid-column:1/-1;display:flex;align-items:center;flex-direction:column;justify-content:center;text-align:center;padding:55px 30px;min-height:220px;background:var(--lg-panel);border:1px dashed var(--lg-line);border-radius:16px}.lg-empty>span{font-size:48px;color:#c6bbea}.af-logo-studio .lg-empty h2{font-size:13px;max-width:420px;font-weight:400;color:var(--lg-muted);line-height:1.9}.lg-bottom{display:flex;justify-content:center;flex-wrap:wrap;gap:15px;margin:26px 0}.af-logo-studio .lg-secondary{font-size:12px;min-height:44px}.af-logo-studio .lg-engine-note{padding:12px 0 24px;color:var(--lg-muted);font-size:10px;max-width:800px}.af-logo-studio .lg-dialog{padding:0;width: min(1240px,96vw);max-width:96vw;max-height:94dvh;border:1px solid var(--lg-line);border-radius:20px;color:var(--lg-ink);background:var(--lg-panel);box-shadow:0 30px 100px #16132633;margin:auto;overscroll-behavior:contain;font-family:'AF Studio Sans',sans-serif;direction:inherit}.lg-dialog::backdrop{background:#15122699;backdrop-filter:blur(7px)}.lg-dialog-head{padding:21px 26px;border-bottom:1px solid var(--lg-line);display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:0;background:var(--lg-panel);z-index:5}.af-logo-studio .lg-dialog-head h2{font-size:18px;margin-top:3px}.lg-dialog-tools{display:flex;gap:7px}.af-logo-studio .lg-dialog-tools button{min-width:36px;min-height:36px;padding:5px 10px}.lg-editor{display:grid;grid-template-columns:minmax(0,1fr) 315px;min-height:600px}.lg-editor-stage{padding:26px;background:var(--lg-bg);min-width:0}.lg-canvas{border-radius:12px;overflow:hidden;border:1px solid var(--lg-line);background:repeating-conic-gradient(#fff 0% 25%,#eaeaf0 0% 50%) 50%/20px 20px}.lg-canvas>svg{width:100%;height:auto;display:block}.lg-stage-tools{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:16px}.af-logo-studio .lg-stage-tools button{font-size:10px;min-height:34px}.af-logo-studio .lg-editor-stage h3{font-size:12px;margin:27px 0 14px}.lg-editor-controls{border-inline-start:1px solid var(--lg-line);padding:12px 20px 22px;min-width:0}.lg-editor-controls details{border-bottom:1px solid var(--lg-line);padding:16px 0}.lg-control-section{padding-top:17px;display:flex;flex-direction:column;gap:15px}.lg-color-controls{display:grid;grid-template-columns:1fr 1fr;gap:14px}.lg-color-controls .lg-check{grid-column:1/-1}.af-logo-studio input[type=color]{width:100%;height:34px;border:1px solid var(--lg-line);border-radius:7px;padding:3px;background:var(--lg-panel);cursor:pointer}.lg-check{display:flex;align-items:center;gap:9px;font-size:10px;color:var(--lg-muted);cursor:pointer}.lg-check input{accent-color:var(--lg-accent);width:15px;height:15px}.af-logo-studio input[type=range]{accent-color:var(--lg-accent);width:100%;height:18px;padding:0;cursor:pointer}.lg-field output{font-size:9px;color:var(--lg-muted);align-self:end;line-height:1;margin-top:-5px}.lg-export-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.af-logo-studio .lg-export-buttons button{font-size:10px;padding:8px}.lg-export-buttons .lg-kit{grid-column:1/-1}.lg-dialog-status{font-size:10px;color:var(--lg-muted);min-height:1.8em}.lg-mockups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.lg-mockups>div{aspect-ratio:1.1;position:relative;border-radius:11px;overflow:hidden;padding:18px 10px;display:flex;align-items:center;justify-content:center}.lg-mockups small{position:absolute;bottom:8px;inset-inline:10px;text-align:center;font-size:8px;color:#665f66}.lg-mockups svg{width:100%;height:auto;display:block}.lg-mock-card{background:#ebe5df}.lg-mock-card>div{background:#fff;transform:rotate(-10deg);box-shadow:4px 9px 13px #624a3a22;width:83%}.lg-mock-web{background:#e1e7f0;flex-direction:column;justify-content:start!important}.lg-mock-web>div{display:flex;width:100%;background:white;align-items:center;direction:ltr}.lg-mock-web svg{width:53%}.lg-mock-web span{font-size:7px;color:#887f9a}.lg-mock-web>i{display:block;background:linear-gradient(120deg,#eae4f6,#f2edf5);height:40%;width:100%;border:5px solid white;border-top:0}.lg-mock-box{background:#f0e7d8}.lg-mock-box>div{width:70%;background:#d9c5aa;box-shadow:10px 8px 0 #bfa88a;transform:rotate(-8deg);padding:10px 0}.lg-muted{font-size:9px;color:var(--lg-muted);display:block;margin-top:20px}.lg-compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:25px}.lg-compare-grid .lg-card:hover{transform:none}
[data-theme=dark] .af-logo-studio{--lg-bg:#181923;--lg-panel:#20212d;--lg-ink:#ebeaf6;--lg-muted:#aaa7bd;--lg-line:#323340;--lg-accent:#9c87ff;--lg-tint:#34304d}[data-theme=dark] .lg-hero{background:linear-gradient(120deg,#302841,#232333);border-color:#393148}[data-theme=dark] .af-logo-studio .lg-hero h1{color:#eee8ff}[data-theme=dark] .lg-hero p,[data-theme=dark] .lg-benefits{color:#bcb1cf}[data-theme=dark] .af-logo-studio .lg-lang{background:#272431;color:#eee;border-color:#51445f}[data-theme=dark] .af-logo-studio .lg-primary{background:#7861db;color:white}[data-theme=dark] .lg-local-dot:before{background:#6dbd95}
@media(min-width:1600px){.lg-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1150px){.lg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lg-hero{padding:35px 28px}.lg-hero-art{width:150px;transform:scale(.85)}.lg-brief-fields{grid-template-columns:1fr 1fr}.lg-brief-fields>.lg-field:last-child{grid-column:1/-1}.lg-options{grid-template-columns:1fr 1fr}}@media(max-width:760px){.lg-hero{padding:45px 21px 24px;min-height:240px}.lg-hero>div:first-child{max-width:100%}.lg-hero-art{position:absolute;inset-inline-end:-55px;bottom:-60px;opacity:.16}.af-logo-studio .lg-hero h1{font-size:27px;letter-spacing:-.9px}.lg-hero p{font-size:11px}.lg-benefits{font-size:9px;gap:12px}.lg-brief{padding:19px}.lg-brief-fields{gap:15px}.lg-generate-row{gap:15px}.lg-privacy{min-width:150px}.lg-local-dot{font-size:8px;letter-spacing:0}.lg-grid{gap:12px}.lg-card-info{padding:10px;flex-wrap:wrap}.lg-card-buttons{margin-inline-start:auto}.lg-card-info b{font-size:9px}.lg-card-info small{font-size:7px}.lg-editor{grid-template-columns:1fr}.lg-editor-controls{border-inline-start:0;border-top:1px solid var(--lg-line);padding:10px 20px 30px}.lg-editor-stage{padding:16px}.lg-dialog-head{padding:15px}.af-logo-studio .lg-dialog-head h2{font-size:15px}.lg-editor-controls details[open]>.lg-control-section{display:grid;grid-template-columns:1fr 1fr}.lg-editor-controls .lg-export-buttons{grid-column:1/-1}.lg-dialog-status{grid-column:1/-1}.lg-compare-grid{padding:12px;gap:10px}.lg-toolbar{gap:10px}.lg-tool-actions{margin-inline-start:auto}.lg-results-meta{font-size:9px}.af-logo-studio .lg-tabs button{font-size:11px;padding:8px 10px}.lg-tabs{gap:0}.lg-mockups{gap:8px}.lg-mockups small{font-size:7px}}@media(max-width:430px){.lg-brief-fields{grid-template-columns:1fr}.lg-brief-fields>.lg-field:last-child{grid-column:auto}.lg-options{grid-template-columns:1fr}.lg-privacy{order:3;width:100%;flex-basis:100%}.lg-grid{grid-template-columns:1fr}.lg-card-info{flex-wrap:nowrap;padding:13px}.lg-card-info b{font-size:11px}.lg-card-info small{font-size:9px}.af-logo-studio .lg-card-buttons button{font-size:11px;padding:7px}.lg-form-intro{flex-wrap:wrap}.lg-compare-grid{grid-template-columns:1fr}.lg-mockups{grid-template-columns:1fr 1fr}.lg-mockups>div:last-child{display:none}.lg-dialog-head .lg-eyebrow{font-size:8px}.af-logo-studio .lg-dialog-head h2{font-size:13px}.lg-dialog-tools{gap:4px}.af-logo-studio .lg-dialog-tools button{min-width:30px;padding:4px 7px}}
@media(prefers-reduced-motion:reduce){.af-logo-studio *{transition:none!important;scroll-behavior:auto!important}}@media print{.lg-hero,.lg-brief,.lg-toolbar,.lg-bottom,.lg-live,.lg-editor-controls,.lg-dialog-head,.lg-stage-tools{display:none!important}.lg-dialog{position:static!important;max-height:none!important;box-shadow:none!important}.lg-editor{display:block!important}.lg-dialog::backdrop{display:none}}
/* Expanded English studio and local asset browser. */
.lg-library-stats{display:flex;gap:18px;flex-wrap:wrap;margin-top:20px;color:#82748f;font-size:10px}.lg-library-stats span{display:flex;gap:5px;align-items:baseline}.lg-library-stats b{color:#59416d;font-size:18px;letter-spacing:-.6px}.lg-icon-library{display:flex;flex-direction:column;gap:9px;border:1px solid var(--lg-line);border-radius:10px;padding:12px}.lg-icon-library>strong{font-size:11px}.lg-icon-library>small{font-size:9px;color:var(--lg-muted);overflow-wrap:anywhere}.lg-icon-results{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;max-height:270px;overflow:auto;scrollbar-width:thin}.af-logo-studio .lg-icon-results button{display:flex;flex-direction:column;align-items:center;padding:7px 3px;gap:4px;min-width:0}.lg-icon-results svg{display:block;width:29px;height:29px}.lg-icon-results span{font-size:6px;line-height:1.4;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lg-options{grid-template-columns:repeat(5,minmax(0,1fr))}.lg-explore{scroll-margin-top:100px}.lg-card-art svg{overflow:visible}.lg-icon-library input[type=search]{font-size:10px!important}.lg-editor-controls .lg-icon-library{grid-column:1/-1}.lg-directions summary{padding:3px 0}.af-logo-studio .lg-hero{background:linear-gradient(120deg,#ebe4fb,#faf5ff 65%,#fff2e1)}[data-theme=dark] .lg-library-stats b{color:#d4baff}[data-theme=dark] .af-logo-studio .lg-hero{background:linear-gradient(120deg,#302641,#252132)}[data-theme=dark] .lg-library-stats{color:#b2a2c5}@media(max-width:1100px){.lg-options{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.lg-options{grid-template-columns:1fr 1fr}.lg-library-stats{gap:12px;font-size:9px}.lg-library-stats b{font-size:16px}.lg-hero>div:first-child{max-width:100%}}@media(max-width:430px){.lg-options{grid-template-columns:1fr}.lg-icon-results{grid-template-columns:repeat(4,minmax(0,1fr))}}

.lg-ai-brief{padding:18px 0;border-top:1px solid var(--lg-border,#e4e1ed);margin-top:18px}.lg-ai-brief textarea{width:100%;min-height:76px;resize:vertical;border:1px solid #dedbe8;border-radius:10px;padding:12px;font:inherit;background:transparent;color:inherit}.lg-ai-brief small{font-size:12px;opacity:.7}.lg-ai-brief [data-ai-status]{font-size:12px;margin:10px 0 0}.lg-ai-brief .lg-check{margin:10px 0}

.af-logo-studio .lg-hero{padding:18px 22px;min-height:0;margin-bottom:18px;gap:20px}.af-logo-studio .lg-hero h1{font-size:clamp(25px,3.2vw,38px);margin:8px 0}.af-logo-studio .lg-hero p{font-size:13px;max-width:580px;margin:0 0 12px}.af-logo-studio .lg-hero-art{width:130px;height:130px;min-width:130px;transform:scale(.75);transform-origin:center}.af-logo-studio .lg-library-stats{gap:14px;margin-top:12px;font-size:11px}.af-logo-studio .lg-benefits{margin-top:10px;font-size:11px}@media(max-width:650px){.af-logo-studio .lg-hero{padding:16px}.af-logo-studio .lg-hero-art{display:none}}