.af-studio{--af-ink:var(--ca-text,#203d34);--af-accent:var(--ca-primary,#275b49);--af-soft:var(--ca-surface,#f5f7f3);--af-line:var(--ca-border,#dce5de);color:var(--af-ink);width:100%;max-width:1240px;margin:0 auto}.af-studio *{box-sizing:border-box}.af-studio-intro{max-width:760px;margin-bottom:32px}.af-studio-eyebrow{font:600 .72rem/1.5 system-ui,sans-serif;letter-spacing:.15em;color:var(--af-accent)}.af-studio-intro h2{font-size:clamp(1.8rem,4vw,3.3rem);letter-spacing:-.035em;line-height:1.12;margin:12px 0 16px}.af-studio-intro p{font-size:1.03rem;line-height:1.75;color:#55635b}.af-studio-shell{display:grid;grid-template-columns:minmax(280px,1fr) minmax(300px,1.1fr);gap:24px;align-items:start}.af-studio-controls,.af-studio-output{min-width:0;display:grid;gap:20px}.af-studio-panel,.af-studio-preview-panel{border:1px solid var(--af-line);border-radius:20px;background:#fff;padding:24px;min-width:0}.af-studio-step{display:flex;gap:12px;align-items:center;margin-bottom:22px}.af-studio-step>span{background:var(--af-soft);border:1px solid var(--af-line);border-radius:50%;width:32px;height:32px;flex:0 0 32px;display:grid;place-items:center;font-size:.7rem;font-weight:700;color:#577464}.af-studio h3{font-size:1.12rem;letter-spacing:-.02em;margin:0;line-height:1.35}.af-studio label,.af-studio legend{font-size:.81rem;line-height:1.4;font-weight:650;display:block;margin:17px 0 7px}.af-studio fieldset{margin:16px 0;border:0;padding:0;min-width:0}.af-studio fieldset legend{margin:0 0 8px}.af-studio input[type=text],.af-studio textarea,.af-studio select{font:inherit;font-size:.89rem;color:var(--af-ink);width:100%;border:1px solid #cfdbd1;border-radius:10px;background:#fff;padding:11px 12px;min-height:46px;box-shadow:none}.af-studio textarea{resize:vertical;line-height:1.65}.af-studio input[type=color]{width:100%;height:43px;border:1px solid #cfdbd1;border-radius:9px;background:#fff;cursor:pointer;padding:5px}.af-studio input[type=range]{width:100%;accent-color:var(--af-accent);margin:10px 0}.af-studio input[type=checkbox],.af-studio input[type=radio]{accent-color:var(--af-accent);width:18px;height:18px;flex:0 0 18px;margin:0}.af-studio :focus-visible{outline:3px solid #86b8a4;outline-offset:3px}.af-studio .af-help{font-size:.76rem;line-height:1.65;color:#67746c;margin:8px 0 0}.af-studio button{font:inherit;font-size:.79rem;line-height:1.4;font-weight:600;cursor:pointer;border:1px solid #cedbd2;border-radius:10px;background:#fff;color:var(--af-ink);padding:12px 15px;min-height:44px;transition:background .16s,border-color .16s,transform .16s}.af-studio button:hover{background:#f3f7f3;border-color:#80a08b}.af-studio button:active{transform:translateY(1px)}.af-studio button:disabled{opacity:.45;cursor:not-allowed;transform:none}.af-studio button.af-studio-primary{width:100%;margin-top:12px;background:var(--af-accent);color:#fff;border-color:var(--af-accent);padding:15px}.af-studio button.af-studio-primary:hover{filter:brightness(.93)}.af-studio-select-actions{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:16px}.af-studio-select-actions button{padding:7px 11px;font-size:.73rem;min-height:36px}.af-selection-count{margin-left:auto;font-size:.73rem;color:#68786e}.af-studio .af-studio-lines-list{margin:12px 0 0}.af-studio-line-options{max-height:264px;overflow:auto;border-top:1px solid var(--af-line);scrollbar-width:thin}.af-studio-line{display:grid;grid-template-columns:22px minmax(0,1fr) 36px;align-items:center;gap:8px;padding:10px 2px;border-bottom:1px solid #edf1ed}.af-studio-line label{font-size:.77rem;line-height:1.55;font-weight:400;margin:0;overflow-wrap:anywhere;cursor:pointer}.af-studio-line button{min-height:36px;width:36px;padding:7px;border:0;display:grid;place-items:center}.af-studio-line.is-preview{background:#f4f8f3}.af-studio-line.is-preview button{background:#daeadd;color:#204b38}.af-studio-background-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.af-studio .af-studio-background-options button{padding:0;height:55px;border-radius:9px;min-height:55px;overflow:hidden;position:relative}.af-studio-background-options canvas{display:block;width:100%;height:100%;object-fit:cover}.af-studio .af-studio-background-options button[aria-pressed=true]{outline:2px solid var(--af-accent);outline-offset:3px}.af-studio-background-options button[aria-pressed=true]:after{content:'✓';position:absolute;right:3px;bottom:3px;background:#fff;border-radius:50%;width:17px;height:17px;color:#274d3d;font-size:11px;line-height:17px;text-align:center}.af-studio-field-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px;min-width:0}.af-studio-field-pair>div{min-width:0}.af-size-value{float:right;font-weight:400;color:#69796f}.af-studio-preview-panel{background:#fafbf8}.af-studio-preview-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;align-items:center;margin-bottom:18px}.af-studio-resolution{font-size:.68rem;color:#64796b;background:#edf2ec;border-radius:50px;padding:5px 9px}.af-studio-canvas-wrap{display:flex;justify-content:center;align-items:center;background:#e9eee7;border-radius:14px;padding:22px;min-height:280px;overflow:hidden}.af-studio-canvas-wrap canvas{display:block;max-width:100%;width:auto;height:auto;max-height:620px;box-shadow:0 12px 30px #21392d14;border-radius:5px}.af-studio-fit{font-size:.74rem;color:#68796e;margin:10px 0 0;line-height:1.5;min-height:1.5em}.af-studio-fit.is-warning{color:#9a4d21}.af-studio-export-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.af-studio-export-buttons button{font-size:.75rem;text-align:left}.af-studio-status{color:#27523d;font-size:.87rem;line-height:1.6;margin:20px 0;min-height:1.5em}.af-studio-privacy{font-size:.76rem;line-height:1.8;color:#6b786f;max-width:760px;padding-top:16px;border-top:1px solid var(--af-line)}.af-studio-dialog{position:fixed;z-index:99999;inset:0;background:#152b24aa;padding:20px;display:grid;place-items:center}.af-studio-dialog>div{background:white;max-width:650px;width:100%;border-radius:18px;padding:24px}.af-studio-dialog textarea{max-height:50vh}.af-studio-dialog button{margin-top:15px}.af-studio :where(button,input,select,textarea){touch-action:manipulation}@media(min-width:1080px){.af-studio-preview-panel{position:relative}.af-studio-canvas-wrap{max-height:710px}}@media(max-width:800px){.af-studio-shell{grid-template-columns:1fr}.af-studio-output{grid-row:2}.af-studio-panel,.af-studio-preview-panel{padding:20px}.af-studio-canvas-wrap canvas{max-height:570px}.af-studio-intro{margin-bottom:24px}}@media(max-width:420px){.af-studio-panel,.af-studio-preview-panel{padding:16px;border-radius:15px}.af-studio-background-options{gap:8px}.af-studio .af-studio-background-options button{height:48px;min-height:48px}.af-studio-export-buttons{grid-template-columns:1fr}.af-studio-canvas-wrap{padding:16px}.af-studio-field-pair{gap:10px}.af-studio button{font-size:.76rem}.af-studio-intro h2{font-size:2rem}}@media(prefers-reduced-motion:reduce){.af-studio button{transition:none}}@media print{.af-studio-controls,.af-studio-exports,.af-studio-primary{display:none}}