.bookmark-settings{background:white;border:1px solid #e3e3e1;border-radius:12px;overflow:hidden;font-size:13px;color:#202020}.bookmark-settings button{display:inline-flex;gap:8px;justify-content:center;align-items:center;padding:9px 12px;min-height:40px;border-radius:8px;cursor:pointer}.bookmark-settings button:hover{background:#eeeeec}.bookmark-settings button:disabled{opacity:.4;cursor:not-allowed}.bookmark-settings button:focus-visible,.bookmark-settings input:focus-visible,.bookmark-settings select:focus-visible{outline:2px solid #52708e;outline-offset:3px}.bookmark-settings .bookmark-primary{color:white;background:#171717}.bookmark-settings .bookmark-primary:hover{background:#353535}.bookmark-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:26px;align-items:start}.bookmark-preview{position:relative}.bookmark-building{position:absolute;top:65px;left:50%;transform:translateX(-50%);background:white;padding:9px 18px;border-radius:8px;box-shadow:0 5px 16px #00000012;white-space:nowrap;font-size:13px}.bookmark-settings section{padding:20px}.bookmark-settings section+section{border-top:1px solid #e6e6e3}.bookmark-settings h2{font-family:var(--font-heading);font-size:17px;font-weight:600;letter-spacing:-.02em;margin-bottom:15px}.bookmark-crop-layout{display:flex;align-items:center;gap:18px;margin-top:15px}.bookmark-crop-layout canvas{max-width:100px;height:180px;object-fit:contain;background:#ecebe6;cursor:grab;touch-action:none;border-radius:4px}.bookmark-crop-layout canvas[data-disabled]{cursor:default}.bookmark-crop-layout>div{flex:1}.bookmark-crop-layout button{font-size:11px;padding-inline:0}.bookmark-note{color:#64646a;font-size:11px;line-height:1.65;margin-top:10px}.bookmark-range{display:block;margin-top:20px}.bookmark-range>span{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px;font-size:12px}.bookmark-range output{font-variant-numeric:tabular-nums;color:#66666b}.bookmark-range[data-disabled] output,.bookmark-range[data-disabled]>span{color:#a1a1a6}.bookmark-select{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;margin-top:16px}.bookmark-select select{max-width:170px;min-width:0;background:#f6f6f4;border:1px solid #dfdfdb;border-radius:6px;padding:8px}.bookmark-palette{margin-top:18px}.bookmark-palette>div{display:flex;align-items:center;gap:10px;padding:7px 0}.bookmark-palette input{width:34px;height:36px;border:0;padding:0;border-radius:6px;background:transparent;cursor:pointer}.bookmark-palette span{flex:1;font-size:12px}.bookmark-palette small{display:block;font-size:10px;color:#64646a;font-variant-numeric:tabular-nums}.bookmark-palette button{padding:5px;min-height:32px}.bookmark-settings .bookmark-text{font-size:11px;padding-left:0;text-decoration:underline;text-underline-offset:3px}.bookmark-download{width:100%;margin-top:16px}.bookmark-error{padding:14px;margin-top:15px;color:#963f2d;background:#fff0eb;border-radius:8px}.bookmark-metrics{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;margin-top:10px;padding-top:10px;border-top:1px solid #ecece9;font-size:12px}.bookmark-metrics strong{font-weight:500;font-variant-numeric:tabular-nums}.bookmark-metrics span{font-size:11px;color:#64646a}@media(max-width:800px){.bookmark-layout{grid-template-columns:minmax(0,1fr)}.bookmark-settings{display:grid;grid-template-columns:1fr 1fr}.bookmark-settings section{border-top:1px solid #e6e6e3}.bookmark-settings section:last-child{order:-1}}@media(max-width:520px){.bookmark-settings{grid-template-columns:minmax(0,1fr)}.bookmark-select select,.bookmark-settings button{min-height:44px}.bookmark-palette input{width:44px;height:44px}.bookmark-palette button{min-width:40px;min-height:44px}}.bookmark-select .select-field{justify-content:space-between;width:auto;min-width:140px;max-width:190px;height:36px;min-height:0;padding:0 8px 0 10px;border:1px solid #dfdfdb;border-radius:6px;background:#f6f6f4;font-size:12px}.bookmark-select .select-field:hover{background:#eeeeec}@media (max-width:520px){.bookmark-select .select-field{height:44px}}