@font-face{font-family:Nunito;src:url(/fonts/Nunito.ttf)}*{box-sizing:border-box}body{margin:0;background:#f5f5f0;color:#293a33;font-family:Nunito,Segoe UI,sans-serif;font-size:13px}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:1px solid #dadfd7;background:#fffefa;border-radius:7px;padding:9px 13px;transition:background .15s,transform .15s}button:hover{background:#e7ece3}button:active{transform:translateY(1px)}button:disabled{opacity:.45;cursor:wait}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #638c6a;outline-offset:2px}.primary{background:#284e45;color:#fff;border-color:#284e45}.primary:hover{background:#3d6358}.primary span{margin-left:20px}header{height:82px;border-bottom:1px solid #dfe2d9;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:#fafbf7;gap:24px}.brand{display:flex;align-items:center;font-size:26px;font-weight:850;letter-spacing:-1.3px;gap:10px}.logo{display:inline-flex;align-items:center;justify-content:center;background:#284e45;color:#f5d899;width:36px;height:38px;border-radius:11px;font-size:31px;letter-spacing:-5px;padding-right:6px}.logo span{font-size:25px}.studio{font-size:9px;letter-spacing:2px;align-self:flex-end;margin:0 0 7px -4px;color:#82907e}.project-name{display:flex;flex-direction:column;margin-right:auto;padding-left:30px;border-left:1px solid #dfe2d9}.project-name input{background:none;border:0;font-weight:750;padding:0;width:200px}.project-name>span{font-size:10px;color:#859082;margin-top:3px}.header-actions{display:flex;gap:8px}.header-actions button{font-size:12px}main{display:grid;grid-template-columns:290px minmax(300px,1fr) 260px;height:calc(100vh - 82px);min-height:620px}.left,.right{overflow-y:auto;background:#fafbf7;scrollbar-width:thin}.left{border-right:1px solid #dfe2d9;padding:22px}.right{border-left:1px solid #dfe2d9;padding:25px 20px;display:flex;flex-direction:column}.mode-switch,.view-switch{display:flex;background:#ecefe8;padding:4px;border-radius:8px}.mode-switch button,.view-switch button{flex:1;background:none;border:0;font-size:11px;padding:8px 10px;white-space:nowrap;color:#73806c}.mode-switch button.active,.view-switch button.active{background:#fffefa;box-shadow:0 1px 4px #23382114;color:#284e45;font-weight:800}section{margin:0}.left section{padding:22px 0;border-bottom:1px solid #e4e7dd}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.section-title h2{font-size:13px;font-weight:850;margin:0}.section-title>span{font-size:10px;color:#8b9684}.step{border:1px solid #dbe0d4;border-radius:50%;width:22px;height:22px;display:grid;place-items:center}.label{display:block;font-size:11px;color:#73816d;margin:12px 0}.label input,.label select,.label textarea{display:block;width:100%;margin-top:7px}.label textarea{font-size:23px;font-weight:750;color:#293a33;line-height:1.25;resize:vertical;min-height:70px}input:not([type=color]),select,textarea{border:1px solid #dce0d5;background:#fffefa;border-radius:6px;padding:9px;min-width:0}select{width:100%;font-size:12px;color:#293a33}.text-button{border:0;background:none;padding:0;color:#3e6857;font-size:11px;width:100%;text-align:left}.text-button span{float:right;font-size:9px;color:#909889}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:13px}.two-col>.label{margin:0}.number-field>span{display:block;font-size:10px;color:#73816d;margin-bottom:7px}.number-field>div{display:flex;align-items:center;border:1px solid #dce0d5;background:#fffefa;border-radius:6px;padding-right:8px}.number-field input{width:100%;border:0!important;background:none!important;padding:8px!important}.number-field div>span{font-size:10px;color:#9ba18f}.shape-options{display:flex;gap:7px}.shape-options button{flex:1;padding:8px 3px;font-size:10px;color:#6d7b68;background:transparent}.shape-options button span{display:block;font-size:26px;line-height:1.3}.shape-options button.active{border-color:#54775c;background:#eaf0e4;color:#284e45}.color-row{display:flex;gap:18px;margin-top:16px}.color-row label{display:flex;align-items:center;gap:8px;font-size:11px;color:#73816d}input[type=color]{width:27px;height:27px;padding:2px;border:1px solid #dce0d5;border-radius:50%;background:none;cursor:pointer}input[type=color]::-webkit-color-swatch{border:0;border-radius:50%}.local-note{font-size:10px;color:#687d65;margin-top:24px}.local-note small{display:block;padding:5px 0 0 12px;font-size:9px;color:#909c87}.status-dot{display:inline-block;width:5px;height:5px;background:#77966b;border-radius:50%;margin-right:5px}.workspace{position:relative;overflow:hidden;background:#eeeee8}.workspace-top{position:absolute;z-index:2;top:27px;left:30px;right:30px;display:flex;align-items:center;justify-content:space-between;gap:12px;pointer-events:none}.workspace-top .view-switch{pointer-events:all}.eyebrow{font-size:9px;font-weight:850;letter-spacing:2px;color:#88947e}h1{font-size:24px;letter-spacing:-.8px;font-weight:650;margin:7px 0 0}.workspace .view-switch{background:#e0e4da99}.workspace .view-switch button{font-size:10px}.workspace #viewport{position:absolute;inset:0;touch-action:none}canvas{display:block}.loading{position:absolute;top:45%;width:100%;text-align:center;color:#7d8876;z-index:3}.canvas-tools{position:absolute;left:22px;top:46%;display:flex;flex-direction:column;gap:4px;padding:5px;background:#fafbf5e8;border:1px solid #dfe4d8;border-radius:10px}.canvas-tools button{border:0;background:transparent;font-size:23px;padding:3px 6px}.canvas-tools i{height:1px;background:#dde2d5;margin:3px}.view-hint{position:absolute;bottom:103px;width:100%;text-align:center;font-size:10px;color:#8b9782;pointer-events:none}.view-hint span{padding:0 9px}.dimensions{position:absolute;bottom:57px;left:50%;transform:translate(-50%);background:#fafbf5e8;border:1px solid #dce1d4;border-radius:8px;padding:10px 18px;white-space:nowrap;color:#7c8874;font-size:12px;letter-spacing:1px}.dimensions strong{font-weight:650;color:#40543d}.dimensions span{font-size:10px;letter-spacing:0}.workbench-footer{position:absolute;bottom:0;left:0;right:0;height:36px;border-top:1px solid #dbe0d3;display:flex;justify-content:space-between;align-items:center;padding:0 20px;background:#f1f3eccc;font-size:8px;letter-spacing:1px;color:#839078}.right section{border-bottom:1px solid #e1e5d9;padding-bottom:21px;margin-bottom:22px}.muted{color:#89947f;font-size:10px;margin:-6px 0 16px}.presets{display:grid;grid-template-columns:1fr 1fr;gap:13px 10px}.presets button{border:0;padding:0;text-align:left;background:none}.presets strong{display:block;font-size:11px;margin:8px 0 2px}.presets small{font-size:9px;color:#88937d}.preset-art{display:flex;height:73px;align-items:center;justify-content:center;border-radius:8px;font-size:22px;font-weight:900;letter-spacing:-1px}.everyday{background:#e5e9de;color:#436443;text-shadow:2px 2px #b6c49f;transform:rotate(-1deg)}.team{background:#e3e7ef;color:#344d73;font-size:37px;text-shadow:2px 2px #aebbcf}.sweet{background:#f1e3df;color:#af6971;font-size:44px}.plate{background:#e8e6dd;color:#5e6754;font-size:13px;letter-spacing:2px}.layer{display:flex;margin:5px -7px;border:1px solid transparent;border-radius:7px}.layer.selected{background:#edf1e7;border-color:#dfe7d6}.layer button{display:flex;align-items:center;text-align:left;background:none;border:0;padding:8px;gap:10px;font-size:11px}.layer button:first-child{flex:1;min-width:0}.layer button>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer small{display:block;font-size:9px;color:#839277;max-width:130px;overflow:hidden;text-overflow:ellipsis}.layer-type{font-family:Georgia,serif;font-size:22px;font-weight:700;filter:brightness(.6);width:20px}.base-layer{display:flex;align-items:center;font-size:10px;padding:10px 2px;gap:12px;color:#7f8b73}.base-layer>span{width:17px;height:12px;border-radius:3px}.base-layer small{margin-left:auto}.wide{width:100%;margin-top:10px}.subtle{background:transparent;border-style:dashed;font-size:10px;color:#78896e}.icon-button{font-size:20px;background:transparent;border:0;padding:0}.print-card{background:#edf1e7;border:1px solid #dfe6d5!important;padding:15px!important;border-radius:8px}.print-card .section-title{margin-bottom:9px}.print-card h2{font-size:11px}.check-line{font-size:10px;color:#617a53;line-height:1.7;margin:4px 0}.fine{font-size:10px;color:#8b9682;line-height:1.65}.print-card .fine{font-size:9px;margin-bottom:0}.warning{font-size:11px;color:#99632b;line-height:1.5}.batch-button{margin-top:0;text-align:left;font-size:11px}.batch-button span{float:right}.right-bottom{font-size:8px;color:#a0a88f;letter-spacing:1.1px;margin-top:auto;padding-top:25px;text-align:center}dialog{border:1px solid #d9e0d0;border-radius:17px;background:#fafbf7;color:#293a33;padding:35px;width:490px;max-width:90vw;box-shadow:0 24px 120px #182d3033}dialog::backdrop{background:#203b364f;backdrop-filter:blur(4px)}dialog h2{font-size:26px;letter-spacing:-.8px;margin:12px 0}dialog>p{color:#7f8d75;font-size:12px;line-height:1.6}.close{position:absolute;right:13px;top:10px;border:0;background:none;font-size:23px}.export-options{display:grid;gap:10px;margin-top:22px}.export-options button{text-align:left;padding:15px}.export-options strong{display:block;font-size:13px}.export-options strong span{float:right}.export-options small{display:block;color:#87937b;margin-top:6px;font-size:10px}.symbol-picker{display:flex;gap:7px;margin:22px 0}.symbol-picker button{padding:8px;flex:1;font-size:10px}.symbol-picker span{display:block;font-size:28px;padding:8px 0}#batch-names{width:100%;resize:vertical}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:#284e45;color:#fff;padding:13px 23px;border-radius:9px;box-shadow:0 5px 30px #29402c30;z-index:30;opacity:0;pointer-events:none;transition:.2s;max-width:85vw}#toast.show{opacity:1;transform:translate(-50%)}.selected-symbol{padding:14px;border-radius:6px;background:#edf1e7}.selected-symbol span{display:block;font-size:10px;color:#829276;margin-top:5px}@media(min-width:1600px){main{grid-template-columns:320px minmax(300px,1fr) 285px}.left{padding:25px 28px}.right{padding:28px 25px}.workspace-top{top:35px;left:40px;right:40px}h1{font-size:29px}}@media(max-width:1100px){main{grid-template-columns:255px minmax(270px,1fr) 218px}.left{padding:18px}.right{padding:20px 15px}.workspace-top{left:20px;right:20px;flex-wrap:wrap}h1{font-size:21px}.project-name{padding-left:12px}.studio{display:none}header{padding:0 18px;gap:15px}.header-actions button{padding:8px}.view-hint{font-size:9px}.view-hint span{padding:0 4px}}.recipes{display:grid;grid-template-columns:1fr 1fr;gap:13px 10px}.recipes button{border:0;padding:0;text-align:left;background:none}.recipes strong{display:block;font-size:11px;margin:8px 0 2px}.recipes small{display:block;font-size:9px;color:#88937d}.recipe-art{display:flex;height:62px;align-items:center;justify-content:center;border-radius:8px;font-size:19px;font-weight:900;letter-spacing:-1px}.pet{background:#e8dfc8;color:#735b3e;letter-spacing:1px}.jersey{background:#e3e7ef;color:#344d73;font-size:32px;text-shadow:2px 2px #aebbcf}.wedding{background:#f4e4e0;color:#aa6974;font-family:Georgia,serif;font-style:italic;font-size:23px}.backpack{background:#dbeef1;color:#315c73;font-size:25px}.teacher{background:#f8e8bf;color:#ae6b3b;font-size:27px}.market{background:#e2ebdf;color:#41624f;font-size:17px;letter-spacing:1px}.doodle-card{width:100%;display:flex;align-items:center;gap:10px;margin-top:17px;padding:12px 11px;text-align:left;background:#edf3e8;border-color:#d4e1cb}.doodle-card:hover{background:#e1ecd8}.doodle-card b{display:block;font-size:11px;color:#284e45}.doodle-card small{display:block;margin-top:3px;line-height:1.35;color:#72816c;font-size:9px}.doodle-card i{font-style:normal;font-size:17px;color:#416552;margin-left:auto}.doodle-mark{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:#f8fbf4;color:#48715a;font-size:19px}.studio-link{display:inline-flex;align-items:center;padding:9px 13px;border:1px solid #dadfd7;border-radius:7px;color:#405f50;text-decoration:none;font-size:12px;background:#fffefa}.studio-link:hover{background:#e7ece3}.template-card{width:100%;display:flex;align-items:center;gap:10px;margin:4px 0 17px;padding:12px 11px;text-align:left;background:#284e45;border-color:#284e45;color:#fffefa}.template-card:hover{background:#1f3f37}.template-card b{display:block;font-size:11px}.template-card small{display:block;margin-top:3px;line-height:1.35;color:#d3e2d4;font-size:9px}.template-card i{font-style:normal;font-size:17px;margin-left:auto}.template-mark{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:#f2c230;color:#284e45;font-size:16px}dialog.gallery-dialog{width:960px;max-width:94vw;max-height:94vh;overflow:auto}.gallery-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.gallery-tabs button{flex:0 0 auto}#gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.gallery-card{display:flex;flex-direction:column;text-align:left;padding:12px;border-radius:10px;border-color:#dfe5d6}.gallery-card:hover{border-color:#54775c;background:#f4f7ef}.gallery-thumb{display:grid;place-items:center;height:130px;border-radius:7px;background:#eeeee8;margin-bottom:9px}.gallery-thumb img{max-width:88%;max-height:110px}.gallery-thumb i{font-size:10px;color:#8a967f}.gallery-card strong{font-size:12px;color:#284e45}.gallery-card small{font-size:9.5px;color:#7c8a72;margin-top:3px;line-height:1.35}.gallery-card em{font-style:normal;font-size:9px;color:#9aa58f;margin-top:5px}.gallery-detail{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;align-items:start}.gallery-preview{display:flex;flex-direction:column;align-items:center;background:#eeeee8;border-radius:12px;padding:20px}.gallery-preview img{width:100%;max-height:300px;object-fit:contain}.gallery-dialog [data-gallery-back]{display:block;margin:0 0 6px;padding-left:0}@media(max-width:700px){.gallery-detail{grid-template-columns:1fr}}.product-switch{display:flex;gap:6px;margin-bottom:10px}.product-switch button{flex:1;padding:9px 8px;border:1px solid #d9ded3;background:#fffefa;border-radius:8px;font-weight:800;color:#73806c}.product-switch button.active{background:#284e45;border-color:#284e45;color:#fffefa}.beads-mode .mode-switch,.beads-mode .recipes,.beads-mode .doodle-card,.beads-mode .template-card,.beads-mode .add-tools,.beads-mode .layers-card,.beads-mode [data-action=browse-images],.beads-mode [data-action=library]{display:none}.letter-swatches .icon-button{align-self:center}.no-artwork .doodle-card,.no-artwork [data-action=import-artwork],.no-artwork [data-action=browse-images],.no-artwork [data-action=library],.no-artwork [data-action=import-svg],.no-artwork [data-catalog-tab=icons],.no-artwork [data-layout=union],.no-artwork [data-layout=subtract],.no-artwork [data-layout=intersect],.no-artwork [data-layout=nodes],.no-artwork [data-layout=pen],.no-artwork [data-layout=finish-pen],.no-artwork [data-layout=use-backing],.no-artwork label:has([data-object=thicken]),.no-artwork label:has([data-extra-setting=backingHoles]){display:none!important}.plan-badge{display:inline-block;padding:7px 11px;border-radius:999px;background:#eef2ea;color:#284e45;font-size:11px;font-weight:800;text-decoration:none;white-space:nowrap}.plan-badge.pro{background:#284e45;color:#f5d899}#plan-badge:empty{display:none}#plan-badge{display:flex;align-items:center}.add-tools{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:12px}.add-tools button{padding:8px 3px;font-size:10px}.add-tools [data-action=import-artwork]{grid-column:1/-1;background:#e6eddf;color:#284e45;font-weight:800}.import-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:25px}.import-options button{text-align:left;padding:20px 15px}.import-options small{display:block;margin-top:8px;color:#7d8a73;font-size:10px}dialog.art-dialog{width:1080px;max-height:92vh;overflow:auto}dialog.library-dialog{width:750px;max-height:90vh;overflow:auto}.artwork-studio{display:grid;grid-template-columns:minmax(300px,1fr) 300px;gap:28px}.trace-preview{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-content:start}.trace-preview h3,.comparison h3{font-size:12px}.trace-preview canvas,.trace-preview svg{width:100%;height:280px;object-fit:contain;background:repeating-conic-gradient(#e9e9e4 0% 25%,#fafbf7 0% 50%) 50% / 16px 16px;border:1px solid #dfe3d8;border-radius:9px}.trace-preview canvas{cursor:crosshair}#trace-preview{height:280px}.trace-controls{max-height:68vh;overflow:auto;padding-right:8px}.crop-fields{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;font-size:10px}.crop-fields input{width:100%;padding:5px}.check-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:10px}.check-options label,.check-label{display:flex;align-items:center;gap:6px}.check-label{font-size:10px;margin:12px 0}.region-row{display:grid;grid-template-columns:24px 1fr 52px 20px 25px;gap:5px;align-items:center;font-size:10px;margin:10px 0}.region-row input[type=number]{width:100%;padding:5px}.region-row button{padding:4px}.region-row select{grid-column:2/-1;padding:5px;font-size:10px}.region-row.deleted{opacity:.4}#glyph-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;margin-top:15px;max-height:360px;overflow:auto}#glyph-grid button{padding:7px}#glyph-grid svg{width:100%;height:27px;fill:#284e45}#glyph-grid small{font-size:8px;color:#88977e}.layout-panel .section-title{gap:8px}.layout-panel .section-title button{font-size:9px;padding:7px}.layout-selection{display:flex;flex-direction:column;font-size:10px;gap:7px;max-height:130px;overflow:auto;margin:12px 0}.layout-selection label{display:flex;align-items:center;gap:6px}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.tool-grid button{font-size:10px;padding:7px 4px}.border-row{display:grid;grid-template-columns:25px 1fr 20px 25px;gap:5px;align-items:center;font-size:10px;margin-top:8px}.border-row input[type=number]{width:100%;padding:5px}.border-row button{padding:5px}#layout-canvas{position:absolute;inset:115px 20px 130px;width:calc(100% - 40px);height:calc(100% - 245px);z-index:3;overflow:visible;border:1px solid #dae1d3;border-radius:10px;touch-action:none}#layout-canvas [data-layout-id]{cursor:move}#layout-canvas .selection-box{stroke:#239c9c;stroke-width:.25;stroke-dasharray:1 1;fill:none;pointer-events:none}#layout-canvas [data-handle]{cursor:grab;fill:#fafbf7;stroke:#238b87;stroke-width:.3}#layout-canvas .node-point{fill:#f6cf8f;stroke:#a7743b;stroke-width:.15;cursor:crosshair}#layout-canvas .handle-line{stroke:#238b87;stroke-width:.2}#layout-canvas .measurement{fill:#38605a;pointer-events:none}.issue-row{border-top:1px solid #d9e2cf;padding:7px 0}.issue-row button{border:0;background:none;padding:2px 0;font-size:10px;text-align:left;line-height:1.5;color:#96662e}.issue-row button+button{color:#376755;font-weight:800;font-size:9px}#filament-palette{margin-bottom:20px}#filament-palette h2{font-size:12px}#filament-palette h2 small{float:right;color:#8b977e;font-size:10px}#filament-palette label{display:flex;gap:10px;align-items:center;font-size:10px;margin:8px 0}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:18px}.comparison img{width:100%;height:160px;object-fit:contain;background:#eef1e9;border-radius:8px}.export-preview img{width:100%;height:100px;object-fit:contain;background:#eff2e9;border-radius:8px}.export-preview table{font-size:10px;width:100%;border-collapse:collapse}.export-preview th,.export-preview td{text-align:left;padding:6px;border-bottom:1px solid #dfe4d6}.swatch{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:5px}#dialog{max-height:92vh;overflow:auto}.library-item{display:grid;grid-template-columns:150px 1fr;gap:16px;border-bottom:1px solid #dfe4d7;padding:20px 0}.library-item img{width:100%;height:130px;object-fit:contain;background:#edf0e7;border-radius:8px}.library-item strong{display:block;font-size:13px}.library-item small{display:block;color:#8d987f;margin:4px 0 10px}.library-item input{width:100%;font-size:11px}.library-item .text-button{margin-top:12px}.batch-preview-item{display:grid;grid-template-columns:100px 1fr;gap:6px 12px;padding:10px 0;border-bottom:1px solid #dfe4d6}.batch-preview-item img{width:100px;height:50px;object-fit:contain;grid-row:span 2}.batch-preview-item b{font-size:12px}.batch-preview-item small{font-size:10px}#batch-preview{max-height:300px;overflow:auto}@media(max-width:1100px){.artwork-studio{grid-template-columns:1fr 260px}.trace-preview{grid-template-columns:1fr}.trace-preview canvas,.trace-preview svg,#trace-preview{height:190px}}.doodle-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0}.doodle-steps span{padding:10px 8px;border-radius:8px;background:#eef3e9;color:#6d7e67;font-size:10px;line-height:1.4}.doodle-steps b{display:block;color:#365c49;font-size:11px}dialog.catalog-dialog{width:1000px;max-width:94vw;max-height:94vh}.catalog-tabs{display:flex;gap:8px;margin:18px 0}.catalog-toolbar{display:grid;grid-template-columns:1fr 190px 90px;gap:10px;align-items:center}.catalog-toolbar label{font-size:11px;white-space:nowrap}.catalog-preview-label{display:flex;align-items:center;gap:14px;color:#7a8a70;font-size:11px;margin:13px 0}.catalog-preview-label input{flex:1}.catalog-placement{display:flex;gap:20px;margin:15px 0}.catalog-placement label{font-size:11px;display:flex;align-items:center;gap:10px}.catalog-placement input{width:70px}.catalog-placement select{width:180px}#catalog-status{font-size:10px;color:#88957f;margin:15px 0}#catalog-grid{display:grid;gap:12px;min-height:180px}#catalog-grid.fonts{grid-template-columns:repeat(3,1fr)}#catalog-grid.icons{grid-template-columns:repeat(6,1fr)}.catalog-card{position:relative;border:1px solid #dfe5d6;border-radius:9px;overflow:hidden;background:#fffefa}.catalog-use{border:0;border-radius:0;background:transparent;width:100%;text-align:left;padding:16px}.catalog-use strong{display:block;font-size:12px;margin:8px 0 4px;text-transform:capitalize}.catalog-use small{font-size:9px;color:#859478}.catalog-sample{height:66px;display:flex;align-items:center;justify-content:center;color:#8a967f;font-size:10px}.catalog-sample svg{width:100%;height:100%;max-height:65px;fill:#284e45}.catalog-sample img{width:60px;height:60px;object-fit:contain}.catalog-favorite{position:absolute;right:4px;top:3px;border:0;background:transparent;font-size:17px;padding:2px 5px;color:#a99456;z-index:1}.catalog-paging{display:flex;align-items:center;justify-content:center;gap:20px;margin:20px 0;font-size:11px}.catalog-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e1e5da;padding-top:14px;font-size:10px;color:#87937c}.catalog-footer button{font-size:10px}.catalog-source-list{font-size:11px;color:#64775c}.browse-fonts{background:#eaf0e4;border-color:#d8e3d0;font-size:11px;text-align:left;width:100%;margin:0 0 12px}.browse-fonts span{float:right}.catalog-featured{margin:12px 0;padding:12px;background:#edf0e7;border-radius:8px;font-size:10px;color:#6e8265}@media(max-width:850px){#catalog-grid.fonts{grid-template-columns:repeat(2,1fr)}#catalog-grid.icons{grid-template-columns:repeat(4,1fr)}.catalog-toolbar{grid-template-columns:1fr 140px}.catalog-toolbar label{grid-column:1/-1}}.style-panel .check-label{font-size:11px;color:#40543d}.style-row{display:grid;grid-template-columns:auto 1fr 1fr;gap:10px;align-items:end;margin:4px 0 10px}.swatch-field{display:flex;flex-direction:column;gap:7px;font-size:10px;color:#73816d}.palette-presets{display:flex;flex-wrap:wrap;gap:5px;margin:6px 0 10px}.palette-presets button{padding:5px 9px;font-size:10px}.letter-swatches{display:flex;flex-wrap:wrap;gap:6px}.letter-swatches label{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;font-weight:800;color:#40543d;min-width:27px}.export-heading{font-size:12px;margin:22px 0 -10px;color:#40543d}.filament-map{margin-top:16px;padding:12px 14px;background:#edf1e7;border-radius:8px;font-size:11px}.filament-map>div{display:flex;align-items:center;gap:8px;margin-top:7px}.filament-map .slot{width:20px;height:20px;border-radius:5px;background:#284e45;color:#fff;display:grid;place-items:center;font-weight:800;font-size:10px}.filament-map i{width:14px;height:14px;border-radius:50%;border:1px solid #0002}.filament-map .warning{margin:9px 0 0}.fit-check{align-self:end;margin:0 0 9px!important}