.frameleaf,.frameleaf *{box-sizing:border-box}.frameleaf{--ink:#243d32;--muted:#718075;--line:#dce3d8;--green:#32654c;color:var(--ink);font:14px/1.5 system-ui,-apple-system,sans-serif;max-width:1800px;margin:auto}.frameleaf button,.frameleaf input,.frameleaf textarea,.frameleaf select{font:inherit}.frameleaf button{min-height:40px;background:white;border:1px solid var(--line);border-radius:7px;padding:8px 12px;color:var(--ink);cursor:pointer}.frameleaf button:hover{background:#edf2e9}.frameleaf button:disabled{opacity:.4;cursor:default}.frameleaf :is(button,input,textarea,select,a,.fl-surface):focus-visible{outline:3px solid #468868;outline-offset:3px}.frameleaf .fl-primary{background:var(--green);color:white;border-color:var(--green)}.fl-header{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:18px 30px;background:#fff;border-bottom:1px solid var(--line)}.fl-brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:750;letter-spacing:-.7px;color:var(--ink);text-decoration:none}.fl-brand>span{font-size:28px;color:var(--green);background:#e7eedc;padding:0 8px;border-radius:8px}.fl-brand small{font-size:9px;letter-spacing:1.5px;color:var(--muted);margin-left:10px}.fl-actions{display:flex;gap:8px}.fl-intro{padding:30px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.fl-eyebrow{font-size:10px;letter-spacing:2px;color:var(--green);font-weight:750;margin:0 0 7px}.fl-intro h1{font-size:36px;line-height:1.1;font-weight:650;letter-spacing:-1px;margin:0 0 10px}.fl-intro p:not(.fl-eyebrow){color:var(--muted);margin:0}.fl-studio{margin:0 30px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:white;display:grid;grid-template-columns:240px minmax(0,1fr) 260px;min-height:700px}.fl-tools,.fl-inspector{padding:20px 18px;background:#fcfdf9}.fl-tools{border-right:1px solid var(--line)}.fl-inspector{border-left:1px solid var(--line);display:flex;flex-direction:column;min-width:0}.frameleaf h2{font-size:13px;margin:0 0 18px}.frameleaf h3{font-size:11px;letter-spacing:.3px;margin:0 0 12px}.frameleaf label{font-size:11px;font-weight:600;display:block;margin:0 0 12px}.frameleaf input:not([type=checkbox]):not([type=range]),.frameleaf textarea,.frameleaf select{width:100%;display:block;margin-top:5px;border:1px solid var(--line);border-radius:6px;padding:8px;background:white;color:var(--ink);font-size:12px;min-width:0}.frameleaf input[type=color]{height:35px;padding:3px!important}.frameleaf textarea{resize:vertical}.fl-section{padding-top:18px;margin-top:19px;border-top:1px solid var(--line)}.fl-row{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}.fl-row :is(h2,h3){margin:0}.fl-row button{padding:5px 9px;font-size:11px;min-height:34px}.fl-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.fl-wide{width:100%}.fl-check{display:flex!important;align-items:center;gap:7px}.fl-transforms{display:flex;gap:5px;flex-wrap:wrap;margin-top:10px}.fl-transforms button{font-size:10px;padding:5px 8px}.fl-range input{display:block;width:100%;margin-top:8px;accent-color:var(--green)}.fl-range output{float:right;font-size:10px;color:var(--muted)}.fl-workspace{background:#eef1e9;display:flex;flex-direction:column;min-width:0}.fl-toolbar{display:flex;justify-content:space-between;gap:10px;padding:12px;border-bottom:1px solid var(--line);background:#fff}.fl-toolbar button{font-size:11px;min-height:34px}.fl-canvas-area{display:flex;align-items:center;justify-content:center;flex:1;padding:26px;background-image:radial-gradient(#c6d1c0 .8px,transparent .8px);background-size:12px 12px;min-height:360px;overflow:hidden}.fl-surface{position:relative;width:100%;max-width:1100px;touch-action:none;box-shadow:0 9px 28px #23382418;user-select:none;background:repeating-conic-gradient(#f2f2ee 0% 25%,#fff 0% 50%) 50%/16px 16px}.fl-surface canvas{width:100%;height:auto;display:block;aspect-ratio:inherit}.fl-crop-box{position:absolute;border:2px solid #fff;outline:1px solid #243d32;pointer-events:none;background:linear-gradient(transparent 32.9%,#ffffff99 33%,#ffffff99 33.3%,transparent 33.4%,transparent 66.5%,#ffffff99 66.6%,#ffffff99 66.9%,transparent 67%),linear-gradient(90deg,transparent 32.9%,#ffffff99 33%,#ffffff99 33.3%,transparent 33.4%,transparent 66.5%,#ffffff99 66.6%,#ffffff99 66.9%,transparent 67%)}.fl-canvas-footer{display:flex;justify-content:space-between;gap:12px;padding:13px;border-top:1px solid var(--line);background:#f9fbf5;font-size:10px;color:var(--muted)}.fl-layer-list{display:flex;flex-direction:column;gap:5px;max-height:240px;overflow:auto;margin-top:10px}.fl-layer-list button{text-align:left;white-space:normal;word-break:break-word;font-size:12px;min-height:40px}.fl-layer-list button[aria-pressed=true]{background:#e7efdf;border-color:#b6c8ae}.fl-muted{font-size:11px;color:var(--muted);line-height:1.7}.fl-export{margin-top:auto;padding-top:20px}.fl-statusbar{padding:13px 30px;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:11px;color:var(--muted)}.fl-statusbar p{margin:0}.fl-statusbar .fl-error,.frameleaf .fl-danger{color:#a03931}.fl-statusbar button{font-size:11px;min-height:30px;padding:5px 8px}.frameleaf [hidden]{display:none!important}@media(max-width:1200px){.fl-studio{grid-template-columns:220px minmax(0,1fr) 220px;margin:0 18px}.fl-header,.fl-intro{padding-left:18px;padding-right:18px}.fl-brand small{display:none}.fl-actions button{font-size:11px}.fl-canvas-area{padding:16px}.fl-canvas-footer{flex-direction:column}}@media(max-width:900px){.fl-studio{grid-template-columns:210px minmax(0,1fr)}.fl-inspector{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:15px}.fl-inspector .fl-row{grid-column:1/-1}.fl-inspector .fl-export{margin-top:0}.fl-inspector .fl-layer-list{grid-column:1}.fl-inspector form{grid-row:2/5;grid-column:2}.fl-canvas-area{min-height:300px}}@media(max-width:640px){.fl-header{flex-direction:column;align-items:flex-start;padding:12px}.fl-actions{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:6px}.fl-actions button{min-height:44px}.fl-intro{padding:23px 14px;align-items:flex-start;flex-direction:column;gap:15px}.fl-intro h1{font-size:31px}.fl-studio{margin:0 10px;display:flex;flex-direction:column}.fl-workspace{order:1}.fl-tools{order:2;border-right:0;border-top:1px solid var(--line)}.fl-inspector{order:3;display:block}.fl-tools{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:17px}.fl-tools>h2,.fl-tools>label{grid-column:1/-1}.fl-tools>.fl-section:last-child{grid-column:1/-1}.fl-section{margin-top:0;padding-top:15px}.fl-inspector .fl-export{margin-top:20px}.fl-canvas-area{min-height:240px;padding:15px 10px}.fl-toolbar button{min-height:44px}.fl-statusbar{padding:12px;flex-wrap:wrap}.fl-statusbar [data-id=saved]{white-space:nowrap}.frameleaf input:not([type=checkbox]):not([type=range]),.frameleaf textarea,.frameleaf select{font-size:16px}.frameleaf input[type=range]{min-height:30px}.fl-brand{font-size:21px}.fl-inspector form{margin-top:15px}}