:root{color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--accent: #007aff;--accent-strong: #0366de;--panel-bg: rgba(255, 255, 255, .96);--mobile-viewport-bg: #ffffff;--panel-text: #007aff;--panel-hover: #f0f0f0;--body-bg: #f0f0f0;--text: #202124;--muted: #606060;--shadow: 0 4px 12px rgba(0, 0, 0, .2);--shadow-hover: 0 8px 20px rgba(0, 0, 0, .35);--control-radius: 30px}:root[data-theme=dark]{color-scheme:dark;--panel-bg: #1e1e1e;--mobile-viewport-bg: #121212;--panel-text: #e0e0e0;--panel-hover: #333333;--body-bg: #121212;--text: #e0e0e0;--muted: #e0e0e0;--shadow: 0 4px 12px rgba(255, 255, 255, .16);--shadow-hover: 0 8px 20px rgba(255, 255, 255, .22)}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{overflow:hidden;background:var(--body-bg)}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{position:relative;width:100%;height:100%;overflow:hidden;color:var(--text)}.app-shell--dragging{outline:2px dashed var(--accent);outline-offset:-8px}.pattern-stage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background-color:var(--body-bg);overflow:hidden;isolation:isolate}.pattern-stage__layer{position:absolute;top:0;right:0;bottom:0;left:0;background-repeat:repeat;backface-visibility:hidden;opacity:1;transform:translateZ(0);will-change:opacity}.pattern-stage__layer--next{opacity:0;transition:opacity .18s ease}.pattern-stage__layer--next-visible{opacity:1}.app-logo{position:fixed;top:20px;left:20px;z-index:5;width:130px;opacity:.75;transition:opacity .6s ease-out}.app-logo--hidden{opacity:0;pointer-events:none}.top-controls{position:fixed;top:20px;right:20px;z-index:10;display:flex;align-items:center;gap:10px}.theme-switch{position:relative;display:inline-block;width:60px;height:34px}.theme-switch input{opacity:0;width:0;height:0}.theme-switch__track{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;border-radius:34px;background:#fff;cursor:pointer;padding:4px;transition:background-color .25s ease;box-shadow:var(--shadow)}.theme-switch__track:before{content:"";position:absolute;left:4px;bottom:4px;width:27px;height:27px;border-radius:50%;background:var(--accent-strong);transition:transform .25s ease}.theme-switch__icon{position:absolute;width:18px;height:18px;transition:opacity .25s ease}.theme-switch__icon--sun{left:8px;top:8px;opacity:1}.theme-switch__icon--moon{right:9px;top:8px;opacity:0}.theme-switch input:checked+.theme-switch__track{background:#333}.theme-switch input:checked+.theme-switch__track:before{transform:translate(25px)}.theme-switch input:checked+.theme-switch__track .theme-switch__icon--sun{opacity:0}.theme-switch input:checked+.theme-switch__track .theme-switch__icon--moon{opacity:1}.support-link,.newsletter-toast,.gallery-button,.library-button,.counter-badge,.icon-button,.zoom-control,.pattern-dock{background:var(--panel-bg);box-shadow:var(--shadow);color:var(--panel-text)}.support-link{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border-radius:var(--control-radius);text-decoration:none;font-size:12px;font-weight:400;white-space:nowrap;transition:background-color .25s ease,box-shadow .25s ease}.support-link:hover,.gallery-button:hover,.library-button:hover,.icon-button:hover{background:var(--panel-hover);box-shadow:var(--shadow-hover)}.support-link__icon{width:20px;height:20px}:root[data-theme=dark] .support-link__icon,:root[data-theme=dark] .counter-badge__icon,:root[data-theme=dark] .key-control__image{filter:brightness(0) invert(1)}.zoom-control{position:fixed;top:80px;left:50%;z-index:10;display:flex;align-items:center;width:min(300px,calc(100vw - 40px));height:40px;padding:0 20px;border-radius:14px;transform:translate(-50%)}.zoom-control input[type=range]{display:block;flex:1;width:100%;height:18px;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;background:transparent;cursor:pointer}.zoom-control input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:10px;background:#ddd}.zoom-control input[type=range]::-webkit-slider-thumb{width:18px;height:18px;margin-top:-5px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:50%;background:var(--accent);cursor:pointer}:root[data-theme=dark] .zoom-control input[type=range]::-webkit-slider-runnable-track{background:#555}:root[data-theme=dark] .zoom-control input[type=range]::-webkit-slider-thumb{background:#fff}.zoom-control input[type=range]::-moz-range-track{height:8px;border-radius:10px;background:#ddd}.zoom-control input[type=range]::-moz-range-thumb{width:18px;height:18px;border:0;border-radius:50%;background:var(--accent);cursor:pointer}:root[data-theme=dark] .zoom-control input[type=range]::-moz-range-track{background:#555}:root[data-theme=dark] .zoom-control input[type=range]::-moz-range-thumb{background:#fff}.pattern-dock{position:fixed;right:20px;bottom:20px;z-index:10;width:min(370px,calc(100vw - 40px));padding:8px;border-radius:10px;overflow:visible}.pattern-dock__grid{display:grid;grid-template-columns:repeat(5,64px);gap:8px;justify-content:center;align-items:center}.pattern-dock__slot{width:64px;height:64px}.pattern-thumb,.upload-slot{width:100%;height:100%;border-radius:5px;cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.pattern-thumb{display:block;padding:0;border:2px solid transparent;background:transparent;overflow:hidden}.pattern-thumb img{display:block;width:100%;height:100%;object-fit:cover}.pattern-thumb--selected{border-color:var(--accent)}:root[data-theme=dark] .pattern-thumb--selected{border-color:#fff}.pattern-thumb:hover,.upload-slot:hover{box-shadow:0 8px 18px #12263f2e;transform:translateY(-2px)}.upload-slot{display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed var(--accent);background:transparent;color:var(--accent);font-size:12px}.upload-slot__icon{width:20px;height:20px;margin-bottom:4px}.viewer-actions{position:fixed;right:20px;bottom:120px;z-index:10;display:flex;align-items:center;gap:12px}.gallery-button,.library-button{min-height:34px;padding:8px 26px;border:0;border-radius:var(--control-radius);cursor:pointer;font-size:14px;font-weight:500;transition:background-color .25s ease,box-shadow .25s ease,color .25s ease}.library-button{position:relative;display:inline-flex;align-items:center;gap:7px;padding:7px 12px 7px 10px}.library-button__coin{position:relative;display:inline-block;width:18px;height:18px;flex:0 0 auto;border:2px solid #ffd66b;border-radius:50%;background:radial-gradient(circle at 35% 28%,#fff6c7 0 13%,transparent 14%),linear-gradient(135deg,#ffef92,#f5a400 55%,#d47600);box-shadow:inset -2px -2px #7f490038,0 1px 4px #0000002e;animation:coin-spin 1.9s linear infinite;transform-style:preserve-3d}.library-button__coin:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:1px solid rgba(125,72,0,.32);border-radius:50%}.library-button__label{line-height:1}.library-button__tag{display:inline-flex;align-items:center;justify-content:center;height:17px;padding:0 6px;border-radius:999px;background:#007aff1f;color:var(--accent);font-size:9px;font-weight:800;line-height:1;text-transform:uppercase}.gallery-button--active,.library-button--active,.icon-button--active{background:var(--accent);color:#fff}.library-button--active .library-button__tag{background:#fff3;color:#fff}@keyframes coin-spin{0%{transform:rotateY(0)}50%{transform:rotateY(180deg) scaleX(.72)}to{transform:rotateY(360deg)}}@media(prefers-reduced-motion:reduce){.library-button__coin,.paid-pack:before,.paid-pack:after{animation:none}.paid-pack,.paid-pack__preview-image,.library-pattern,.library-pattern__image,.newsletter-toast,.pattern-thumb,.upload-slot{transition:none}.library-pattern:hover,.library-pattern:focus-visible,.pattern-thumb:hover,.upload-slot:hover,.newsletter-toast:hover,.newsletter-toast:focus-visible{transform:none}}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:2px solid transparent;border-radius:50%;cursor:pointer;transition:background-color .25s ease,box-shadow .25s ease}.icon-button__image{width:18px;height:18px}.icon-dark{display:none}:root[data-theme=dark] .icon-light{display:none}:root[data-theme=dark] .icon-dark{display:block}.download-menu{position:relative}.pattern-library-overlay{--storefront-width: min(386px, calc(100vw - 64px) );--storefront-handle-width: 54px;position:fixed;top:0;bottom:0;left:0;z-index:900;width:calc(var(--storefront-width) + var(--storefront-handle-width));pointer-events:none}.pattern-library{position:absolute;top:0;bottom:0;left:0;display:grid;width:var(--storefront-width);height:100%;grid-template-rows:auto auto auto minmax(0,1fr);overflow:hidden;padding:18px 16px;border-right:1px solid rgba(0,122,255,.16);border-radius:0;background:var(--panel-bg);box-shadow:12px 0 42px #0000002e;color:var(--text);pointer-events:auto;scrollbar-width:none;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:transform .28s ease}.pattern-library:after{position:absolute;top:0;right:-1px;width:1px;height:100%;background:linear-gradient(to bottom,transparent,rgba(0,122,255,.5),transparent);content:""}.pattern-library--closed{transform:translate(calc(-1 * var(--storefront-width)))}.pattern-library::-webkit-scrollbar{display:none}.storefront-handle{position:absolute;top:50%;left:var(--storefront-width);z-index:2;display:grid;width:var(--storefront-handle-width);height:116px;place-items:center;padding:12px 8px 12px 14px;border:0;border-radius:0 16px 16px 0;background:linear-gradient(145deg,#ffffffeb,#e4f2ffe6),var(--panel-bg);color:var(--accent);cursor:pointer;pointer-events:auto;clip-path:polygon(0 0,100% 14%,100% 86%,0 100%);box-shadow:10px 10px 28px #00000029;transform:translateY(-50%);transition:left .28s ease,box-shadow .2s ease,filter .2s ease}.storefront-handle:hover,.storefront-handle:focus-visible{filter:brightness(.98);box-shadow:12px 12px 32px #0003}.pattern-library-overlay--closed .storefront-handle{left:0;width:42px;padding-left:9px;border-left:3px solid var(--accent);box-shadow:8px 8px 22px #00000029}.storefront-handle__icon{display:block;width:21px;height:21px}.storefront-handle__label{writing-mode:vertical-rl;color:var(--panel-text);font-size:10px;font-weight:850;line-height:1;text-transform:uppercase}:root[data-theme=dark] .storefront-handle{background:linear-gradient(145deg,#252b34f5,#121f2cf5),var(--panel-bg);box-shadow:10px 10px 28px #0000005c}.pattern-library__header,.library-section__header,.paid-pack__footer{display:flex;align-items:center;justify-content:space-between;gap:16px}.pattern-library__header{margin-bottom:14px}.pattern-library__header>div{min-width:0}.pattern-library__eyebrow,.library-section__eyebrow{margin:0 0 4px;color:var(--panel-text);font-size:11px;font-weight:700;text-transform:uppercase}.pattern-library__header h2{display:inline-flex;align-items:center;gap:9px;flex-wrap:wrap;margin:0;font-size:22px;line-height:1.1}.pattern-library__title-icon{display:none;width:21px;height:21px;color:var(--accent);flex:0 0 auto}.pattern-library__new-tag{display:inline-flex;height:21px;align-items:center;gap:5px;padding:0 8px 0 5px;border:1px solid rgba(0,122,255,.12);border-radius:999px;background:#007aff1a;color:var(--accent);font-size:9px;font-weight:850;line-height:1;text-transform:uppercase}.pattern-library__coin{position:relative;display:inline-block;width:14px;height:14px;flex:0 0 auto;border:2px solid #ffd66b;border-radius:50%;background:radial-gradient(circle at 35% 28%,#fff6c7 0 13%,transparent 14%),linear-gradient(135deg,#ffef92,#f5a400 55%,#d47600);box-shadow:inset -2px -2px #7f490038,0 1px 4px #00000029;animation:coin-spin 1.9s linear infinite;transform-style:preserve-3d}.pattern-library__coin:after{position:absolute;top:3px;right:3px;bottom:3px;left:3px;border:1px solid rgba(125,72,0,.32);border-radius:50%;content:""}.pattern-library__subtitle{max-width:300px;margin:6px 0 0;color:var(--muted);font-size:12px;line-height:1.35}.pattern-library__close{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:0;border-radius:50%;background:transparent;color:var(--text);cursor:pointer;font-size:24px;line-height:1}.pattern-library__close:hover{background:var(--panel-hover)}.pattern-library__header-actions{display:inline-flex;flex:0 0 auto;align-items:center;gap:8px}.pattern-library__drawer-cue{display:none;width:32px;height:32px;place-items:center;border:0;border-radius:999px;background:#007aff1a;color:var(--accent);cursor:pointer;transition:background-color .16s ease,transform .16s ease}.pattern-library__drawer-cue svg{width:19px;height:19px;transform:rotate(180deg);transition:transform .18s ease}.pattern-library__drawer-cue--open svg{transform:rotate(0)}.pattern-library__drawer-cue:hover{background:#007aff29}:root[data-theme=dark] .pattern-library__drawer-cue{background:#ffffff14;color:#fff}:root[data-theme=dark] .pattern-library__drawer-cue:hover{background:#ffffff21}.pattern-library__toolbar{display:grid;gap:10px;margin-bottom:12px}.pattern-library__search input{width:100%;height:38px;padding:0 14px;border:1px solid rgba(0,92,190,.18);border-radius:999px;background:linear-gradient(180deg,#ffffffeb,#f4f9ffdb);color:var(--text);outline:none;box-shadow:inset 0 1px #ffffffd6}:root[data-theme=dark] .pattern-library__search input{border-color:#7bb4ff33;background:linear-gradient(180deg,#181f28f5,#12161cf5);box-shadow:inset 0 1px #ffffff0d}.pattern-library__search input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #007aff29}.pattern-library__filters{display:grid;min-width:0;gap:8px}.pattern-library__themes{display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:none}.pattern-library__themes::-webkit-scrollbar{display:none}.theme-chip{display:inline-flex;flex:0 0 auto;height:34px;align-items:center;gap:6px;padding:0 14px;border:1px solid rgba(0,92,190,.1);border-radius:999px;background:#f5f9ffe6;color:#1c5d9e;cursor:pointer;font-size:12px;font-weight:760;box-shadow:inset 0 1px #ffffffdb;transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease;border-color:#128e6a1f;background:#effaf6f0;color:#16735f}.theme-chip__icon{width:14px;height:14px;flex:0 0 auto}.theme-chip:hover{transform:translateY(-1px)}.theme-chip--active{border-color:transparent;background:linear-gradient(135deg,var(--accent),#21a1ff);color:#fff;box-shadow:0 8px 18px #007aff38}:root[data-theme=dark] .theme-chip{border-color:#ffffff14;background:#ffffff0f;color:#ebf4ffd1;box-shadow:inset 0 1px #ffffff0f}:root[data-theme=dark] .theme-chip--active{border-color:#5dabff4d;background:linear-gradient(135deg,#0a84ff,#34b2ff);color:#fff;box-shadow:0 8px 20px #007aff52}.library-section-tabs{display:flex;gap:8px;margin-bottom:12px;padding:4px;border:1px solid rgba(0,92,190,.12);border-radius:999px;background:#eff6ffc7}.library-section-tabs button{display:inline-flex;min-width:0;height:38px;flex:1 1 0;align-items:center;justify-content:space-between;gap:8px;padding:0 12px;border:0;border-radius:999px;background:transparent;color:#44729e;cursor:pointer;font-size:12px;font-weight:800;transition:background-color .16s ease,color .16s ease,box-shadow .16s ease}.library-section-tabs button.library-section-tabs__button--active{background:#fff;color:var(--accent);box-shadow:0 6px 16px #005cbe24}.library-section-tabs strong{display:inline-flex;min-width:24px;height:24px;align-items:center;justify-content:center;border-radius:999px;background:#fff;color:var(--accent);font-size:11px;line-height:1}:root[data-theme=dark] .library-section-tabs button{color:#e2f0ffb8}:root[data-theme=dark] .library-section-tabs strong{background:#ffffff1f}:root[data-theme=dark] .library-section-tabs{border-color:#ffffff14;background:#ffffff0d}:root[data-theme=dark] .library-section-tabs button.library-section-tabs__button--active{background:#ffffff1f;color:#fff;box-shadow:0 8px 20px #00000047}.pattern-library__content{display:block;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:4px 2px 22px 0;scroll-behavior:smooth;scrollbar-width:none}.pattern-library__content::-webkit-scrollbar{display:none}.library-section{position:relative;display:block;min-width:0;min-height:0;scroll-margin-top:14px}.library-section+.library-section{margin-top:22px}.library-section__header{margin-bottom:10px}.library-section__header h3{margin:0;font-size:15px}.library-section__count{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;border-radius:999px;background:#007aff1a;color:var(--panel-text);font-size:12px;font-weight:700}.pattern-library__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-height:0}.library-pattern{position:relative;display:grid;min-width:0;padding:0;border:0;background:transparent;color:var(--text);cursor:pointer;text-align:left;transition:transform .2s ease}.library-pattern__preview{position:relative;display:block;min-width:0}.library-pattern__image{display:block;width:100%;aspect-ratio:1;border:2px solid transparent;border-radius:8px;object-fit:cover;transition:border-color .2s ease,box-shadow .2s ease,filter .2s ease}.library-pattern:hover .library-pattern__image,.library-pattern:focus-visible .library-pattern__image{border-color:var(--accent);box-shadow:0 12px 24px #12263f29;filter:saturate(1.04) contrast(1.02)}.library-pattern:hover,.library-pattern:focus-visible{transform:translateY(-2px)}.library-pattern__downloads{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:18px;padding:0 6px;border:1px solid rgba(96,96,96,.12);border-radius:999px;background:#60606012;color:#606060cc;font-size:10px;font-weight:750;line-height:1}:root[data-theme=dark] .library-pattern__downloads{border-color:#e0e0e01f;background:#e0e0e014;color:#e0e0e0b8}.library-pattern__meta{display:grid;gap:2px;padding-top:8px}.library-pattern__name,.library-pattern__category{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-pattern__name{color:var(--panel-text);font-size:13px;font-weight:700}.library-pattern__category{color:var(--muted);font-size:11px}.library-pattern__footer{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:8px}.paid-pack-grid{display:grid;gap:12px;min-height:0}.paid-pack{position:relative;isolation:isolate;display:grid;grid-template-rows:auto minmax(128px,1fr) auto;gap:10px;min-height:334px;overflow:hidden;padding:14px 14px 0;border:1px solid rgba(19,48,78,.12);border-radius:8px;background:linear-gradient(135deg,#ffffffeb,#eef8ffc7),linear-gradient(135deg,#007aff29,#15b4801f);box-shadow:0 16px 34px #12263f1a;transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}.paid-pack:before{content:"";position:absolute;inset:-70px auto auto -80px;z-index:-1;width:210px;height:210px;background:conic-gradient(from 210deg,#007aff2e,#ffbe5524,#1abe9129,#007aff2e);filter:blur(24px);opacity:.9;animation:paid-pack-shader 9s linear infinite}.paid-pack:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(115deg,transparent 12%,rgba(255,255,255,.4) 45%,transparent 72%);opacity:0;transform:translate(-45%);transition:opacity .25s ease}.paid-pack:hover,.paid-pack:focus-within{border-color:#007aff42;box-shadow:0 20px 42px #12263f29;transform:translateY(-1px)}.paid-pack:hover:after,.paid-pack:focus-within:after{opacity:1;animation:premium-sheen 1.6s ease}:root[data-theme=dark] .paid-pack{border-color:#ffffff1a;background:linear-gradient(135deg,#222222f5,#121b24eb),linear-gradient(135deg,#459bff2e,#1ebe911f);box-shadow:0 18px 38px #00000057}.paid-pack--floral:before{background:conic-gradient(from 210deg,#e65a8833,#ffc35f29,#8464f026,#e65a8833)}.paid-pack--botanical:before{background:conic-gradient(from 210deg,#1caa6e33,#007aff21,#eeb95029,#1caa6e33)}.paid-pack__topline,.paid-pack__offer,.paid-pack__footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.paid-pack__topline{position:relative;z-index:3}.paid-pack__badge{display:inline-flex;align-items:center;justify-content:center;width:max-content;height:22px;padding:0 8px;border-radius:999px;background:#15191fdb;color:#fff;font-size:10px;font-weight:800;letter-spacing:0;text-transform:uppercase}:root[data-theme=dark] .paid-pack__badge{background:#ffffffe6;color:#171717}.paid-pack__category{color:var(--muted);font-size:11px;font-weight:700}.paid-pack h4{margin:0;color:var(--text);font-size:16px;line-height:1.15}.paid-pack__preview{position:relative;display:flex;align-items:flex-end;justify-content:center;width:100%;min-height:134px;margin:0 0 -30px;z-index:1}.paid-pack__preview-image{display:block;width:min(240px,84%);max-width:100%;transform:translateY(46px) scale(1.08);transition:transform .25s ease,filter .25s ease;filter:drop-shadow(0 16px 24px rgba(21,33,50,.12))}.paid-pack:hover .paid-pack__preview-image,.paid-pack:focus-within .paid-pack__preview-image{transform:translateY(42px) scale(1.1);filter:drop-shadow(0 18px 28px rgba(21,33,50,.16))}.paid-pack__purchase{position:relative;z-index:2;display:grid;gap:10px;margin:0 -14px;padding:13px 14px 12px;border-top:1px solid rgba(19,48,78,.13);background:#ffffffc7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}:root[data-theme=dark] .paid-pack__purchase{border-top-color:#ffffff1a;background:#181b20d1}.paid-pack__summary{display:grid;gap:8px}.paid-pack__offer{padding:0;border:0;background:transparent;flex-direction:row-reverse}.paid-pack__price{display:grid;justify-items:end;gap:2px;min-width:76px}.paid-pack__price-value{display:inline-flex;align-items:flex-start;gap:1px;color:var(--text);font-size:30px;font-weight:850;line-height:.9;letter-spacing:0}.paid-pack__price-currency{margin-top:2px;color:var(--panel-text);font-size:14px;font-weight:850}.paid-pack__price-note,.paid-pack__pattern-count{color:var(--muted);font-size:11px;font-weight:700}.paid-pack__price-note{color:var(--panel-text);font-size:10px;font-weight:800;text-transform:uppercase}.paid-pack__pattern-count{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:0 8px;border-radius:999px;background:#007aff1a;color:var(--panel-text)}.paid-pack__button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:100%;height:42px;padding:0 76px 0 16px;border:0;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.22),transparent 52%),linear-gradient(135deg,var(--accent),var(--accent-strong));color:#fff;cursor:not-allowed;font-size:13px;font-weight:800;opacity:.82;overflow:hidden;box-shadow:inset 0 1px #ffffff61,0 12px 22px #007aff3d;text-align:center}.paid-pack__button:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:999px;box-shadow:inset 0 0 0 1px #ffffff29;pointer-events:none}.paid-pack__button:after{content:"Soon";position:absolute;top:50%;right:8px;display:inline-flex;align-items:center;justify-content:center;height:24px;min-width:50px;padding:0 10px;border-radius:999px;background:#ffffff38;color:#fff;font-size:10px;font-weight:850;text-transform:uppercase;transform:translateY(-50%)}.paid-pack__button:disabled{filter:saturate(.95)}@keyframes paid-pack-shader{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.08)}to{transform:rotate(360deg) scale(1)}}@keyframes premium-sheen{0%{transform:translate(-60%)}to{transform:translate(65%)}}.pattern-library__empty{margin:0;padding:18px;border:1px dashed rgba(0,122,255,.22);border-radius:8px;color:var(--muted);font-size:13px}.download-menu__list{position:absolute;right:0;bottom:calc(100% + 10px);z-index:20;min-width:220px;margin:0;padding:8px 0;border-radius:10px;background:var(--panel-bg);box-shadow:var(--shadow);list-style:none}.download-menu__item{width:100%;padding:10px 20px;border:0;background:transparent;color:var(--panel-text);cursor:pointer;text-align:left;font-size:14px}.download-menu__item:hover{background:#007aff1a}:root[data-theme=dark] .download-menu__item:hover{background:var(--panel-hover)}.utility-cluster{position:fixed;left:20px;bottom:20px;z-index:10;display:flex;align-items:center;gap:12px}.counter-badge{display:inline-flex;align-items:center;min-height:34px;padding:6px 12px;border-radius:var(--control-radius);font-size:14px}.counter-badge__icon{width:20px;height:20px;margin-right:10px}.newsletter-toast{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;padding:0;border:0;border-radius:var(--control-radius);color:var(--panel-text);cursor:pointer;transition:background-color .25s ease,box-shadow .25s ease,color .25s ease}.newsletter-toast:hover,.newsletter-toast:focus-visible{background:var(--panel-hover);box-shadow:var(--shadow-hover)}.newsletter-toast svg{width:19px;height:19px}.newsletter-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2200;display:flex;align-items:center;justify-content:center;padding:20px;background:#0000006b}.newsletter-modal{width:min(430px,calc(100vw - 40px));padding:18px;border:1px solid rgba(0,122,255,.14);border-radius:10px;background:var(--panel-bg);color:var(--text);box-shadow:0 24px 64px #0000004d}.newsletter-modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.newsletter-modal__eyebrow{margin:0 0 5px;color:var(--panel-text);font-size:11px;font-weight:800;text-transform:uppercase}.newsletter-modal h2{margin:0;font-size:20px;line-height:1.15}.newsletter-modal__close{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex:0 0 auto;border:0;border-radius:50%;background:transparent;color:var(--text);cursor:pointer;font-size:24px;line-height:1}.newsletter-modal__close:hover{background:var(--panel-hover)}.newsletter-modal__intro{margin:14px 0 16px;color:var(--muted);font-size:13px;line-height:1.45}.newsletter-form{display:grid;gap:12px}.newsletter-form label{display:grid;gap:6px;color:var(--text);font-size:12px;font-weight:800}.newsletter-form input{width:100%;height:42px;padding:0 13px;border:1px solid rgba(0,122,255,.24);border-radius:8px;background:#ffffffb8;color:var(--text);outline:none}:root[data-theme=dark] .newsletter-form input{background:#0a0a0a85}.newsletter-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #007aff29}.newsletter-form button{height:42px;border:0;border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#fff;cursor:pointer;font-size:13px;font-weight:850;box-shadow:0 12px 22px #007aff38}.newsletter-form button:hover,.newsletter-form button:focus-visible{box-shadow:0 16px 28px #007aff47}.newsletter-modal__success{display:grid;gap:12px;padding:12px;border:1px solid rgba(21,180,128,.18);border-radius:8px;background:#15b48014;color:var(--text);font-size:13px;line-height:1.35}.newsletter-modal__success-copy{display:flex;align-items:center;gap:10px}.newsletter-modal__success-icon{position:relative;display:inline-flex;width:26px;height:26px;flex:0 0 auto;border-radius:50%;background:#19b489}.newsletter-modal__success-icon:before{content:"";position:absolute;left:8px;top:6px;width:8px;height:12px;border-right:2px solid #ffffff;border-bottom:2px solid #ffffff;transform:rotate(45deg)}.newsletter-modal__success button{justify-self:start;height:30px;padding:0 12px;border:0;border-radius:999px;background:#007aff1a;color:var(--panel-text);cursor:pointer;font-size:12px;font-weight:800}.newsletter-modal__success button:hover,.newsletter-modal__success button:focus-visible{background:#007aff29}.newsletter-modal__note{margin:12px 0 0;color:var(--muted);font-size:11px;line-height:1.35}.app-footer{position:fixed;bottom:10px;left:50%;z-index:4;transform:translate(-50%);color:#fff;font-size:12px;opacity:.8;white-space:nowrap}:root[data-theme=dark] .app-footer{color:var(--text)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#00000080}.help-dialog{width:min(760px,calc(100vw - 32px));max-height:90dvh;overflow-y:auto;padding:18px;border:1px solid var(--border);border-radius:10px;background:var(--panel-bg);color:var(--text);box-shadow:0 24px 70px #0003;scrollbar-width:none}.help-dialog::-webkit-scrollbar{display:none}.help-dialog__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.help-dialog__logo{width:90px;height:auto}.help-dialog__close{display:inline-flex;width:32px;height:32px;align-items:center;justify-content:center;border:0;border-radius:50%;background:var(--button-soft);color:var(--text);cursor:pointer;font-size:22px;line-height:1}.help-dialog__close:hover,.help-dialog__close:focus-visible{background:#007aff24;color:var(--accent)}.help-dialog__intro{padding:16px;border:1px solid rgba(0,122,255,.18);border-radius:8px;background:linear-gradient(135deg,#007aff24,#ffffffd1),var(--panel-bg)}:root[data-theme=dark] .help-dialog__intro{background:linear-gradient(135deg,#007aff33,#ffffff0a),var(--panel-bg)}.help-dialog__eyebrow{display:inline-flex;align-items:center;width:fit-content;margin-bottom:8px;border-radius:999px;color:var(--accent);font-size:11px;font-weight:800;letter-spacing:0;text-transform:uppercase}.help-dialog__intro h2{margin:0;max-width:540px;color:var(--text);font-size:22px;line-height:1.15}.help-dialog__intro p{max-width:590px;margin:8px 0 0;color:var(--muted);font-size:13px;line-height:1.5}.upload-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px;margin:12px 0;border:1px dashed rgba(0,122,255,.34);border-radius:8px;background:#007aff0d}:root[data-theme=dark] .upload-panel{background:#007aff1a}.upload-panel h3{margin:0;font-size:13px;line-height:1.25}.upload-panel p{margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.4}.upload-link{display:inline-flex;height:40px;align-items:center;justify-content:center;padding:0 16px;border:0;border-radius:999px;background:var(--accent);color:#fff;cursor:pointer;font-size:13px;font-weight:800;white-space:nowrap;box-shadow:0 10px 26px #007aff3d}.upload-link:hover,.upload-link:focus-visible{filter:brightness(.96)}.upload-link__icon{width:22px;height:22px;margin-right:8px;filter:brightness(0) invert(1)}.help-dialog__content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.help-card{min-width:0;padding:14px;border:1px solid var(--border);border-radius:8px;background:#ffffff9e}:root[data-theme=dark] .help-card{background:#ffffff0a}.help-card--keyboard{grid-column:1 / -1}.help-card h3{margin:0 0 10px;font-size:13px;line-height:1.2}.help-card ul{display:grid;gap:8px;padding:0;margin:0;list-style:none}.help-card li{position:relative;padding-left:16px;color:var(--muted);font-size:12px;line-height:1.45}.help-card li:before{position:absolute;top:.58em;left:0;width:6px;height:6px;border-radius:50%;background:var(--accent);content:""}.key-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.key-control{display:grid;grid-template-columns:minmax(0,1fr) auto;flex-direction:column;align-items:center;gap:12px;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--button-soft)}.key-control p{min-height:0;margin:0;color:var(--muted);font-size:12px;line-height:1.4}.key-control__image{width:72px;height:72px;object-fit:contain}.key{font-weight:700}@media(max-width:768px){.top-controls{gap:12px}.zoom-control{top:100px}.help-dialog__content{grid-template-columns:1fr}.help-card--keyboard{grid-column:auto}.upload-panel{grid-template-columns:1fr;align-items:stretch}.pattern-library__toolbar{grid-template-columns:1fr}.pattern-library__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.key-control{width:100%}}@media(max-width:600px){html,body,#root,.app-shell{background:var(--mobile-viewport-bg)}.app-logo{top:8px;left:8px;width:100px}.top-controls{top:20px;right:8px;max-width:calc(100vw - 120px);gap:8px}.support-link{width:34px;padding:0}.support-link__icon{margin-right:0}.zoom-control{top:auto;bottom:172px;width:calc(100vw - 16px);border-radius:8px}.pattern-dock{right:8px;bottom:76px;left:8px;width:auto}.pattern-dock__grid{grid-template-columns:repeat(5,minmax(0,64px));gap:6px;justify-content:space-between}.pattern-dock__slot{width:100%;max-width:64px;aspect-ratio:1;height:auto}.viewer-actions{right:8px;bottom:226px;display:grid;grid-template-columns:34px auto;grid-template-areas:"download gallery";justify-items:end;gap:8px}.download-menu{grid-area:download}.gallery-button{grid-area:gallery}.gallery-button{max-width:140px;padding:8px 16px;white-space:nowrap}.library-button{display:none}.pattern-library-overlay{--storefront-width: 100%;top:0;right:0;bottom:0;left:0;width:auto;padding:0;background:transparent;pointer-events:none;transition:background-color .24s ease}.pattern-library-overlay--open{background:#0000006b;pointer-events:auto}.pattern-library{position:absolute;top:82px;right:0;bottom:0;left:0;display:grid;height:auto;width:auto;max-height:none;grid-template-rows:auto auto auto minmax(0,1fr);padding:12px 14px 14px;border-right:0;border-radius:16px 16px 0 0;overflow:hidden;background:var(--mobile-viewport-bg);box-shadow:0 -18px 50px #00000047}.pattern-library--closed{transform:translateY(calc(100% - 58px));box-shadow:0 -10px 28px #0003}.storefront-handle,.storefront-handle__label{display:none}.storefront-handle__icon{width:22px;height:22px}.pattern-library__header{min-height:46px;margin-bottom:10px;padding-bottom:9px;border-bottom:1px solid rgba(0,122,255,.14)}.pattern-library--closed .pattern-library__header{cursor:pointer}.pattern-library--closed .pattern-library__eyebrow,.pattern-library--closed .pattern-library__subtitle,.pattern-library--closed .pattern-library__close{display:none}.pattern-library--closed .pattern-library__header{margin-bottom:0;padding-bottom:0;border-bottom:0}.pattern-library__header h2{font-size:17px}.pattern-library__new-tag{height:20px;padding-right:7px}.pattern-library__drawer-cue{display:grid}.pattern-library__header-actions{gap:6px}.pattern-library__close{display:none}.pattern-library__title-icon{display:block}.pattern-library__subtitle{max-width:260px;margin-top:4px;font-size:11px}.pattern-library__toolbar{gap:8px;margin-bottom:8px}.pattern-library__search input{height:36px;padding:0 13px;font-size:16px}.pattern-library__filters{gap:6px}.pattern-library__themes{gap:6px;margin-inline:-2px;padding-inline:2px;-webkit-mask-image:none;mask-image:none}.theme-chip{height:30px;padding:0 12px;font-size:11px}.theme-chip__icon{width:13px;height:13px}.library-section-tabs{gap:6px;margin-bottom:9px}.library-section-tabs button{height:34px;padding:0 10px;font-size:11px}.library-section-tabs strong{min-width:22px;height:22px;font-size:10px}.pattern-library__content{padding-top:2px}.pattern-library__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pattern-library__grid,.paid-pack-grid{-webkit-mask-image:none;mask-image:none}.paid-pack{min-height:0}.paid-pack-grid{gap:14px}.paid-pack__preview{min-height:118px;margin-bottom:-24px}.paid-pack__preview-image{width:min(230px,88%);transform:translateY(38px) scale(1.02)}.paid-pack:hover .paid-pack__preview-image,.paid-pack:focus-within .paid-pack__preview-image{transform:translateY(36px) scale(1.04)}.utility-cluster{left:8px;bottom:226px;gap:8px}.newsletter-modal-overlay{padding:12px}.newsletter-modal{width:100%}.counter-badge{padding:2px 16px}.counter-badge__icon{margin-right:6px}.app-footer{bottom:4px}.help-dialog{width:calc(100vw - 24px);padding:15px}.help-dialog__logo{width:80px}.help-dialog__intro h2{max-width:260px;font-size:20px}.help-dialog__intro p{font-size:12px}.key-controls,.key-control{grid-template-columns:1fr}.key-control__image{width:64px;height:64px;justify-self:center}}