knilot-sage-personalizer{--ink:#302e28;--muted:#79756b;--paper:#faf8f3;--line:#dedbd0;--sage:#465f4d;--gold:#ac8b4c}knilot-sage-personalizer *{box-sizing:border-box}knilot-sage-personalizer{margin:0;background:var(--paper);color:var(--ink);font:15px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}knilot-sage-personalizer .site{display:flex;justify-content:space-between;align-items:center;padding:22px 6%;border-bottom:1px solid var(--line)}knilot-sage-personalizer .site strong{font:28px Georgia;letter-spacing:.14em}knilot-sage-personalizer .site span,knilot-sage-personalizer .hint{color:var(--muted);font-size:12px}knilot-sage-personalizer main{max-width:1150px;margin:55px auto;padding:0 28px}knilot-sage-personalizer .product{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}knilot-sage-personalizer .product>img{width:100%;border-radius:4px}knilot-sage-personalizer .eyebrow{font-size:10px;letter-spacing:.2em;color:var(--muted);margin:0 0 7px}knilot-sage-personalizer h1,knilot-sage-personalizer h2{font-family:Georgia,serif;font-weight:400}knilot-sage-personalizer h1{font-size:38px;line-height:1.2;margin:10px 0 20px}knilot-sage-personalizer h2{font-size:28px;margin:0}knilot-sage-personalizer .intro{color:var(--muted);margin-bottom:35px}knilot-sage-personalizer label{display:block;font-size:13px;font-weight:500;margin-bottom:8px}knilot-sage-personalizer label>span{float:right;color:var(--muted);font-weight:400}knilot-sage-personalizer select,knilot-sage-personalizer textarea{font:inherit;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:5px;padding:11px;width:100%}knilot-sage-personalizer button{font:inherit;cursor:pointer}knilot-sage-personalizer button:disabled{cursor:default;opacity:.45}knilot-sage-personalizer button:focus-visible,knilot-sage-personalizer a:focus-visible,knilot-sage-personalizer input:focus-visible,knilot-sage-personalizer select:focus-visible,knilot-sage-personalizer textarea:focus-visible{outline:2px solid var(--gold);outline-offset:3px}knilot-sage-personalizer .launch{width:100%;margin-top:18px;padding:15px 19px;border:1px solid var(--gold);background:transparent;color:var(--ink);border-radius:5px;text-align:left}knilot-sage-personalizer .launch span{float:right}knilot-sage-personalizer .launch:hover{background:#f1eadb}knilot-sage-personalizer a{color:var(--sage);font-size:13px}knilot-sage-personalizer .review-note{margin:40px 0 20px;padding:20px 24px;border:1px solid var(--line);border-radius:6px;font-size:12px;color:var(--muted)}knilot-sage-personalizer .review-note p{margin:8px 0}knilot-sage-personalizer .qa{font-size:12px}knilot-sage-personalizer .qa pre{white-space:pre-wrap;max-height:260px;overflow:auto}knilot-sage-personalizer .qa button{padding:7px;border:1px solid var(--line);background:white;margin:10px 0}knilot-sage-personalizer dialog{border:0;padding:0;width:min(1100px,94vw);max-height:92vh;border-radius:12px;box-shadow:0 20px 90px #0003;overflow:auto;background:var(--paper)}knilot-sage-personalizer dialog::backdrop{background:#25241f80}knilot-sage-personalizer .editor-head{padding:22px 30px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}knilot-sage-personalizer [data-sg-close]{border:0;background:transparent;font-size:28px;color:var(--muted);padding:0 7px}knilot-sage-personalizer .editor-grid{display:grid;grid-template-columns:1.15fr 1fr}knilot-sage-personalizer .visual{padding:26px;background:#f2f0e9;position:sticky;top:0;align-self:start}knilot-sage-personalizer .preview-caption{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}knilot-sage-personalizer .canvas-wrap{position:relative;width:100%;margin:10px 0}knilot-sage-personalizer canvas{width:100%;height:auto;display:block}knilot-sage-personalizer .guide-toggle{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:11px;font-weight:400}knilot-sage-personalizer .guide-toggle input{accent-color:var(--sage)}knilot-sage-personalizer [data-sg-safe-guide]{position:absolute;border:1px dashed #f7f3e0b3;box-shadow:0 0 0 1px #35472b55;border-radius:2px;pointer-events:none}knilot-sage-personalizer [data-sg-safe-guide] span{position:absolute;bottom:100%;left:0;white-space:nowrap;background:#f5f0e6df;font-size:9px;color:#5f6758;padding:1px 5px}knilot-sage-personalizer .controls{padding:26px 30px}knilot-sage-personalizer textarea{resize:vertical;min-height:85px;line-height:1.45}knilot-sage-personalizer .hint{margin:7px 0 14px;line-height:1.5}knilot-sage-personalizer .line-row{display:flex;align-items:center;justify-content:space-between;margin:20px 0}knilot-sage-personalizer .line-row label{margin:0}knilot-sage-personalizer .line-row select{width:110px}knilot-sage-personalizer input[type=range]{width:100%;accent-color:var(--sage);margin:0}knilot-sage-personalizer .range-labels{display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}knilot-sage-personalizer details{border-top:1px solid var(--line);padding:13px 0}knilot-sage-personalizer summary{cursor:pointer;list-style:none;font-size:13px}knilot-sage-personalizer summary::before{content:'+';display:inline-block;width:18px;color:var(--muted)}knilot-sage-personalizer details[open]>summary::before{content:'−'}knilot-sage-personalizer summary span{float:right;color:var(--muted);font-size:12px}knilot-sage-personalizer .fabric-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px 6px;max-height:255px;overflow:auto;padding:16px 2px}knilot-sage-personalizer .fabric-grid button{padding:3px 2px;border:1px solid transparent;background:transparent;border-radius:5px;font-size:9px;line-height:1.1}knilot-sage-personalizer .fabric-grid img{width:100%;max-width:48px;display:block;margin:auto auto 4px;border-radius:2px}knilot-sage-personalizer .fabric-grid button[aria-pressed=true],knilot-sage-personalizer .font-grid button[aria-pressed=true],knilot-sage-personalizer .thread-grid button[aria-pressed=true]{border-color:var(--gold);background:#efe7d7}knilot-sage-personalizer .font-grid,knilot-sage-personalizer .thread-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding-top:15px}knilot-sage-personalizer .font-grid button,knilot-sage-personalizer .thread-grid button{border:1px solid var(--line);border-radius:4px;background:#fff;padding:9px;text-align:left;font-size:12px}knilot-sage-personalizer .font-grid button{font-size:17px;min-height:43px}knilot-sage-personalizer .thread-grid button{font-size:11px;display:flex;align-items:center;gap:8px}knilot-sage-personalizer .dot{display:inline-block;width:15px;height:15px;border:1px solid #0002;border-radius:50%}knilot-sage-personalizer .primary{width:100%;background:var(--sage);color:white;padding:14px;border:0;border-radius:5px;margin:15px 0 7px}knilot-sage-personalizer [data-sg-error]{color:#9a392d;background:#fff0e9;border-radius:4px;padding:10px;font-size:12px}knilot-sage-personalizer [data-sg-status]{font-size:12px;color:var(--sage);margin:12px 0 0}knilot-sage-personalizer [data-sg-download]{display:block;text-align:center}knilot-sage-personalizer [data-sg-download][hidden],knilot-sage-personalizer [data-sg-error][hidden],knilot-sage-personalizer [data-sg-safe-guide][hidden]{display:none}knilot-sage-personalizer .saved{margin-bottom:0}@media(max-width:720px){knilot-sage-personalizer main{margin:25px auto;padding:0 18px}knilot-sage-personalizer .product{grid-template-columns:1fr;gap:22px}knilot-sage-personalizer h1{font-size:29px}knilot-sage-personalizer .intro{margin-bottom:22px}knilot-sage-personalizer .site{padding:15px 20px}knilot-sage-personalizer .site strong{font-size:22px}knilot-sage-personalizer dialog{width:100vw;max-height:100dvh;border-radius:0;height:100dvh}knilot-sage-personalizer .editor-head{padding:15px 20px;position:sticky;top:0;background:var(--paper);z-index:2}knilot-sage-personalizer h2{font-size:25px}knilot-sage-personalizer .editor-grid{grid-template-columns:1fr}knilot-sage-personalizer .visual{position:static;padding:18px 24px}knilot-sage-personalizer .canvas-wrap{width:min(100%,330px);margin:4px auto}knilot-sage-personalizer .controls{padding:22px 24px}knilot-sage-personalizer .fabric-grid{grid-template-columns:repeat(6,1fr)}knilot-sage-personalizer .review-note{padding:15px;margin-top:25px}}knilot-sage-personalizer .text-button{padding:0 0 12px;border:0;background:transparent;color:var(--sage);font-size:11px;text-decoration:underline;margin-top:-8px;display:block}

@media(min-width:721px){knilot-sage-personalizer .canvas-wrap{max-width:430px;margin:10px auto}knilot-sage-personalizer .editor-grid{max-height:calc(92vh - 109px);overflow:hidden}knilot-sage-personalizer .controls{max-height:calc(92vh - 109px);overflow:auto}knilot-sage-personalizer .visual{position:static}}
@media(max-width:720px){knilot-sage-personalizer dialog{max-width:100vw}}

knilot-sage-personalizer{display:block}knilot-sage-personalizer [hidden]{display:none!important}knilot-sage-personalizer textarea{font-size:16px}knilot-sage-personalizer .launch{margin:10px 0}knilot-sage-personalizer [data-sg-summary]:empty{display:none}