@import"https://fonts.googleapis.com/css2?family=Fredoka+One&family=Fredoka:wght@300..700&family=Outfit:wght@400;700&family=Quicksand:wght@400;500;700&display=swap";:root{--loom-pink: #FFCBE1;--loom-green: #D6E5BD;--loom-yellow: #F9E1A8;--loom-blue: #EAD7C5;--loom-purple: #DCCCEC;--loom-orange: #FFDAB4;--bg-studio: var(--loom-blue);--font-logo: "Fredoka One", cursive;--font-magic: "Fredoka", sans-serif;--font-body: "Quicksand", sans-serif;--logo-spacing: -3px;--mat-magenta: #ff4081;--mat-pink: #ff4d8d;--mat-citron: #eeff41;--glass-bg: rgba(255, 255, 255, .45);--glass-border: rgba(255, 255, 255, .4);--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .07);--radius-xl: 40px;--radius-lg: 32px;--radius-md: 20px;--radius-sm: 12px;--radius-pill: 999px;--border-thin: 1.5px solid var(--glass-border);--border-thick: 3px solid #1a1a1a;--shadow-modern: 0 10px 40px -10px rgba(0,0,0,.1);--shadow-chunky: 6px 6px 0px #1a1a1a}:root{--loom-bg-warm: #EAD7C5;--bg-surface: var(--loom-bg-warm);--loom-surface: var(--glass-bg)}html[data-category=editor]{--bg-surface: #EAD7C5}html[data-category=Profile]{--bg-surface: var(--loom-green)}.branded-logo-text{font-family:var(--font-logo);color:var(--mat-magenta);text-shadow:4.5px 4.5px 0px #1a1a1a;letter-spacing:-2px;line-height:1;display:inline-block;transform:rotate(-1deg);transition:all .2s cubic-bezier(.175,.885,.32,1.275)}.branded-logo-text:hover{transform:rotate(0) scale(1.05);text-shadow:6px 6px 0px #1a1a1a}[data-theme=dark]{--loom-bg-warm: #1a1b1e;--bg-surface: #1a1b1e;--text-main: #f1f5f9;--text-dim: #94a3b8;--card-bg: #25262b;--border-light: #373a40;--loom-pink: #d53f8c;--loom-blue: #2b6cb0;--loom-green: #38a169;--tag-bg: #2d3748}[data-theme=dark] body:before{background-image:radial-gradient(rgba(0,0,0,.2) 7px,transparent 7px)}[data-theme=dark] html[data-category=editor]{--bg-surface: #2e1065}[data-theme=dark] html[data-category=Profile]{--bg-surface: #14532d}[data-theme=dark] body{color:var(--text-main)}*{margin:0;padding:0;box-sizing:border-box}html{background-color:var(--bg-surface);overflow-x:hidden;min-height:100vh}body{margin:0;padding:0;font-family:var(--font-body);background-color:transparent;transition:background-color .8s cubic-bezier(.4,0,.2,1);overflow-x:hidden;position:relative;min-height:100vh}body:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(rgba(255,255,255,.45) 12px,transparent 12px);background-size:100px 100px;z-index:-1;pointer-events:none}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:var(--border-thin);box-shadow:var(--glass-shadow)}.glass-card{background:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:var(--border-thin);border-radius:var(--radius-lg);box-shadow:var(--shadow-modern);transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card:hover{transform:translateY(-5px);box-shadow:0 20px 50px -15px #00000026}.crafty-shadow{box-shadow:var(--shadow-chunky)}.btn-modern{font-family:var(--font-magic);font-weight:800;border-radius:var(--radius-md);transition:all .2s;cursor:pointer}.btn-primary{background:var(--mat-magenta);color:#fff;border:var(--border-thick);box-shadow:var(--shadow-chunky)}.btn-primary:active{transform:translate(3px,3px);box-shadow:2px 2px #1a1a1a}.profile-popover-container{position:absolute;top:calc(100% + 15px);right:-10px;width:300px;background:rgba(255,255,255,.9);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:var(--border-thin);border-radius:var(--radius-lg);box-shadow:var(--shadow-modern);padding:24px;z-index:1000;animation:popIn .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes popIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.popover-arrow{position:absolute;top:-10px;right:24px;width:20px;height:20px;background:rgba(255,255,255,.9);border-left:var(--border-thin);border-top:var(--border-thin);transform:rotate(45deg)}.popover-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.popover-avatar{width:54px;height:54px;background:var(--loom-pink);border:var(--border-thin);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #ff408133}.popover-user-info{flex:1}.popover-email{font-family:var(--font-magic);font-size:.95rem;font-weight:700;color:#333;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.popover-badge{font-size:.75rem;color:var(--mat-magenta);font-weight:800;text-transform:uppercase}.popover-divider{height:1px;background:#eee;margin:0 -24px 16px}.popover-menu{display:flex;flex-direction:column;gap:8px}.popover-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;border:none;background:transparent;font-family:var(--font-magic);font-weight:600;color:#333;cursor:pointer;transition:all .2s;text-align:left}.popover-item:hover{background:#fdf2f8;color:var(--mat-magenta);transform:translate(5px)}.popover-item.logout{color:#f44}.popover-item.logout:hover{background:#fff1f2;color:#f11}:root{--loom-bg-warm: #fffbfc;--loom-sidebar-bg: #f8fafc;--dot-color: rgba(0, 0, 0, .035);--cat-crochet: #76EEEB;--cat-crochet-accent: #09C4CF;--cat-sewing: #F4E2D8;--cat-sewing-accent: #F2B399;--cat-knitting: #F2B4C0;--cat-knitting-accent: #ECC0C2;--cat-quilting: #FEE2D5;--cat-quilting-accent: #EDCCA4;--cat-embroidery: #E6F7CE;--cat-embroidery-accent: #92A273;--cat-cross-stitch: #FBD29D;--cat-cross-stitch-accent: #F97878}.app-canvas{min-height:100vh;display:flex;flex-direction:column;background:transparent!important;position:relative}.main-nav{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 50px;background-color:var(--mat-magenta);border-bottom:4px solid #333;position:sticky;top:0;z-index:2000;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.main-nav.scrolled{background:var(--mat-magenta);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-bottom:4px solid #333}.loomily-logo{font-family:var(--font-logo);font-size:3rem;color:#fff;text-decoration:none;letter-spacing:var(--logo-spacing);line-height:1;text-shadow:2px 2px 0px rgba(0,0,0,.1)}.nav-left{display:flex;align-items:center;gap:50px}.nav-search-bar{background:rgba(255,255,255,.6);border:4px solid #333;border-radius:28px;padding:12px 24px;display:flex;align-items:center;gap:15px;width:400px;box-shadow:6px 6px #333;transition:all .2s}.nav-search-bar:focus-within{transform:translateY(-2px);box-shadow:8px 8px #333}.nav-search-bar input{border:none;background:transparent;outline:none;font-family:var(--font-body);font-size:1.1rem;width:100%;color:#333}.nav-utils{display:flex;align-items:center;gap:20px}.util-btn{width:56px;height:56px;background:rgba(255,255,255,.6);border:4px solid #333;border-radius:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:5px 5px #333;transition:all .2s cubic-bezier(.175,.885,.32,1.275);color:#333}.util-btn:hover{transform:translateY(-4px) rotate(3deg);box-shadow:8px 8px #333}.util-btn.active{background:var(--loom-pink)}.home-nav-btn{width:50px;height:50px;background:white;color:#333;border:4px solid #333;border-radius:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:5px 5px #333;transition:all .2s cubic-bezier(.175,.885,.32,1.275)}.home-nav-btn:hover{transform:translateY(-4px) rotate(-5deg);box-shadow:8px 8px #333;background:var(--loom-yellow)}.studio-container{flex:1;max-width:1440px;margin:0 auto;padding:0 40px}.minimal-hero{padding:60px 0 20px}.minimal-hero .hero-content{margin-bottom:20px}.minimal-hero .hero-title{font-size:4.5rem;margin-bottom:10px}.washi-tape-hero{position:absolute;top:-20px;left:20%;width:140px;height:40px;background:var(--loom-green);opacity:.8;transform:rotate(-3deg);border-left:2px dashed rgba(0,0,0,.05);border-right:2px dashed rgba(0,0,0,.05)}.sub-category-bar{display:flex;flex-direction:column;gap:20px;background:rgba(255,255,255,.15);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:4px solid #333;border-radius:32px;padding:24px 32px;margin-bottom:50px;box-shadow:8px 8px #0000000d}.sub-filter-group{display:flex;align-items:center;gap:20px}.sub-filter-label{font-family:var(--font-magic);font-weight:900;font-size:1.1rem;color:#333;min-width:60px}.sub-filter-buttons{display:flex;gap:12px;flex-wrap:wrap}.sub-pill{background:white;border:3px solid #333;padding:8px 20px;border-radius:18px;font-family:var(--font-magic);font-weight:800;font-size:.95rem;cursor:pointer;box-shadow:4px 4px #00000014;transition:all .2s cubic-bezier(.175,.885,.32,1.275);color:#333}.sub-pill:hover{transform:translateY(-3px);box-shadow:6px 6px #0000001a;background:var(--loom-sidebar-bg)}.sub-pill.active{background:var(--mat-magenta)!important;color:#fff!important;border-color:#333!important;transform:translateY(-4px) scale(1.05);box-shadow:6px 6px #333!important}.patterns-shelf{padding:100px 0}.shelf-header{display:flex;align-items:center;gap:18px;margin-bottom:60px}.shelf-header h2{font-family:var(--font-logo);font-size:2.8rem;color:#333}.shelf-header .yellow{color:#f59e0b}.studio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:50px}.studio-card{background:white!important;border:3px solid #333!important;border-radius:32px!important;overflow:hidden!important;box-shadow:12px 12px #00000014;transition:all .4s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;position:relative;display:flex;flex-direction:column}.studio-card:hover{transform:translateY(-12px) rotate(.5deg);box-shadow:18px 18px #00000026;border-color:var(--mat-magenta)}.washi-corner-card{position:absolute;top:-12px;right:-12px;width:80px;height:35px;background:var(--loom-pink);opacity:.95;transform:rotate(45deg);z-index:20;border:2px dashed rgba(0,0,0,.1)}.card-img-box{width:100%;height:280px;position:relative;overflow:hidden;background:linear-gradient(135deg,#f0f8ff 0%,#ffe6f0 100%);border-bottom:3px solid #333}.card-img-box img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.card-img-box:hover img{transform:scale(1.15)}.mat-tag{position:absolute;bottom:16px;left:16px;background:var(--mat-citron);border:3px solid #333;padding:6px 16px;border-radius:20px;font-weight:900;box-shadow:5px 5px #00000026;font-size:.8rem;font-family:var(--font-magic);text-transform:uppercase}.card-footer{padding:28px;display:flex;flex-direction:column;gap:20px;background:transparent;flex:1}.studio-title{font-family:var(--font-logo);font-size:1.8rem;color:#333;margin:0;line-height:1.2}.card-meta{display:flex;justify-content:space-between;align-items:center}.maker-info{display:flex;align-items:center;gap:12px;font-weight:900;font-family:var(--font-magic);color:#555;font-size:1.1rem}.maker-info .pink{color:var(--mat-magenta)}.footer-vibe{background:var(--mat-magenta);border-top:5px solid #333;padding:24px 50px;margin-top:auto;text-align:center;position:relative}.footer-vibe:before{content:"";position:absolute;top:-20px;left:50%;transform:translate(-50%) rotate(-1.5deg);width:250px;height:50px;background:var(--loom-yellow);opacity:.8}.footer-content{max-width:900px;margin:0 auto}.footer-logo{color:#fff;font-size:2.5rem;margin-bottom:8px}.footer-content p{font-family:var(--font-magic);font-weight:900;font-size:1.1rem;color:#fff}.empty-patterns-stylish{padding:120px 50px;text-align:center;background:rgba(255,255,255,.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:5px solid #333;border-radius:56px;max-width:800px;margin:60px auto;position:relative;box-shadow:20px 20px #0000000f}.washi-tape-empty{position:absolute;top:-25px;right:80px;width:150px;height:50px;background:var(--loom-pink);opacity:.9;transform:rotate(6deg)}.empty-guild-stylish p{font-family:var(--font-magic);font-weight:900;font-size:1.6rem;color:#333;margin-bottom:50px;line-height:1.5}.start-creating-btn{background:var(--mat-magenta);color:#fff;border:4px solid #333;padding:18px 56px;border-radius:28px;font-family:var(--font-logo);font-size:1.6rem;display:flex;align-items:center;gap:16px;margin:0 auto;cursor:pointer;box-shadow:8px 8px #333}.start-creating-btn:hover{transform:translateY(-5px) scale(1.05);box-shadow:12px 12px #333}.footer-links{margin-top:25px;display:flex;justify-content:center;gap:30px}.footer-link-btn{font-family:var(--font-magic);font-weight:800;color:#666;text-decoration:none;font-size:.95rem;transition:all .2s;padding:8px 16px;border-radius:12px;border:2px solid transparent}.footer-link-btn:hover{color:var(--mat-magenta);background:white;border-color:#333;box-shadow:4px 4px #333;transform:translateY(-2px)}.mascot-assistant-container{position:fixed;bottom:2rem;right:2rem;z-index:1000;display:flex;flex-direction:row-reverse;align-items:flex-end;pointer-events:none;transition:align-items .4s cubic-bezier(.175,.885,.32,1.275)}.mascot-assistant-container.is-open{align-items:flex-start}.mascot-assistant-container>*{pointer-events:auto}.floating-mascot{width:180px;height:180px;cursor:pointer;filter:drop-shadow(0 15px 30px rgba(0,0,0,.2));transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.floating-mascot:hover{transform:scale(1.1) translateY(-10px)}.floating-mascot img{width:100%;height:100%;object-fit:contain}.mascot-chat-dialog{width:380px;background:white;border:5px solid #1a1a1a;border-radius:35px;overflow:hidden;box-shadow:12px 12px #0000001a;margin-right:20px;margin-bottom:20px;display:flex;flex-direction:column;position:relative;z-index:1100}.mascot-chat-dialog:after{content:"";position:absolute;top:35px;right:-25px;width:40px;height:40px;background:white;border-right:5px solid #1a1a1a;border-top:5px solid #1a1a1a;transform:rotate(45deg);z-index:-1}.chat-header{background:var(--mat-pink);padding:16px 20px;display:flex;justify-content:space-between;align-items:center;color:#fff;border-bottom:5px solid #1a1a1a}.chat-header h3{margin:0;font-family:var(--font-logo);font-size:1.4rem;text-shadow:2px 2px 0 rgba(0,0,0,.1);line-height:1.1}.chat-role{font-size:.85rem;opacity:.9;font-weight:600;display:block}.close-chat{background:none;border:none;color:#fff;cursor:pointer;padding:5px;border-radius:50%;transition:background .2s}.close-chat:hover{background:rgba(255,255,255,.2)}.chat-messages{height:300px;overflow-y:auto;padding:15px;display:flex;flex-direction:column;gap:12px;background:#f8f9fa}.message-bubble{max-width:85%;padding:12px 16px;border:4px solid #1a1a1a;font-family:var(--font-logo);font-size:1.05rem;line-height:1.4;position:relative;color:#1a1a1a}.message-bubble.mascot{align-self:flex-start;background:white;border-radius:20px 20px 20px 5px}.message-bubble.user{align-self:flex-end;background:#F9E1A8;border-radius:20px 20px 5px}.chat-input-area{padding:15px;border-top:5px solid #1a1a1a;display:flex;gap:12px;background:white}.chat-input{flex:1;border:4px solid #1a1a1a;border-radius:50px;padding:12px 20px;font-family:var(--font-logo);font-size:1rem;background:#f1f5f9;outline:none}.send-btn{width:50px;height:50px;border-radius:50%;border:4px solid #1a1a1a;background:var(--mat-pink);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s;flex-shrink:0}.send-btn:hover{transform:scale(1.05)}.typing-dots{display:flex;gap:4px;padding:5px}.typing-dots span{width:6px;height:6px;background:#999;border-radius:50%;animation:bounce .6s infinite alternate}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes bounce{to{transform:translateY(-4px)}}.mascot-trigger-fixed{cursor:pointer;z-index:1050;position:relative}.mascot-avatar-no-style{position:relative;width:180px;height:180px}.mascot-avatar-no-style img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 20px rgba(0,0,0,.1))}.mascot-welcome-bubble{position:absolute;bottom:150px;right:100%;background:white;border:4.5px solid #1a1a1a;border-radius:30px;padding:15px 24px;min-width:250px;max-width:320px;font-family:var(--font-magic);font-weight:950;font-size:1.25rem;color:#1a1a1a;box-shadow:12px 12px #00000014;pointer-events:none;transform:rotate(-2deg);animation:playfulFloat 4s ease-in-out infinite;z-index:1060}@keyframes playfulFloat{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-15px) rotate(1deg)}}.bubble-tail{position:absolute;bottom:30px;right:-20px;width:35px;height:35px;background:white;border-right:4.5px solid #1a1a1a;border-top:4.5px solid #1a1a1a;transform:rotate(45deg);z-index:-1;box-shadow:6px 0 #0000000d}.mascot-chat-container.fixed{position:fixed;bottom:0;right:0;z-index:2000}.studio-container.full-width-market{max-width:1800px;margin:0 auto;width:100%;padding:20px 40px}.hero-section{position:relative;text-align:center;margin-bottom:60px}.hero-content{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:var(--border-thin);border-radius:var(--radius-xl);padding:80px 40px;margin-bottom:40px;position:relative;box-shadow:var(--shadow-modern)}.hero-title{font-family:var(--font-logo);font-size:4.5rem;color:#1a1a1a;margin-bottom:16px;line-height:1.1}.hero-title .magic-text{color:var(--mat-magenta);background:linear-gradient(135deg,var(--mat-magenta),#ff7043);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-family:var(--font-magic);font-size:1.4rem;color:#555;max-width:800px;margin:0 auto}.category-shelf{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.big-category-pill{font-family:var(--font-logo);font-size:5rem;color:#1a1a1a;letter-spacing:-1px;background:white;padding:30px 80px;border:5px solid #1a1a1a;border-radius:40px;box-shadow:15px 15px #1a1a1a;display:inline-block;transform:rotate(-1.5deg);transition:all .3s cubic-bezier(.175,.885,.32,1.275);cursor:default;-webkit-user-select:none;user-select:none;margin-bottom:20px}.big-category-pill:hover{transform:rotate(0) scale(1.02);box-shadow:20px 20px #0000001a}.market-layout-grid{display:grid;grid-template-columns:280px 1fr;gap:40px;margin-top:40px;padding-bottom:100px;align-items:start}.market-sidebar-compact.glass{background:white;backdrop-filter:none;-webkit-backdrop-filter:none;border:4px solid #1a1a1a;border-radius:35px;padding:30px 20px;position:sticky;top:120px;box-shadow:8px 8px #1a1a1a;max-height:calc(100vh - 160px);display:flex;flex-direction:column;overflow:hidden;transition:none}.washi-tape-sidebar{position:absolute;top:25px;left:30px;width:80px;height:25px;background:#E6F7CE;transform:rotate(-3deg);z-index:10}.sidebar-sticky-box{flex:1;overflow-y:auto;padding:0 10px;position:relative}.filter-group{margin-bottom:8px}.filter-group-header-clickable{display:flex;align-items:center;gap:10px;font-family:var(--font-magic);font-weight:900;font-size:1.15rem;color:#1a1a1a;padding:8px 10px;cursor:pointer;transition:opacity .2s;-webkit-user-select:none;user-select:none}.filter-group-header-clickable:hover{opacity:.7}.filter-group-header-clickable span{flex:1}.expand-arrow{transition:transform .4s cubic-bezier(.4,0,.2,1);color:#666}.expand-arrow.expanded{transform:rotate(180deg);color:var(--mat-magenta)}.divider-doodle{height:1px;background:#eee;margin:10px 0}.expandable-section{display:flex;flex-direction:column;gap:8px;margin:8px 0 20px 10px;padding-left:10px;border-left:2.5px dashed rgba(0,0,0,.05)}.sidebar-nav-link{background:transparent;border:none;text-align:left;padding:8px 16px;font-family:var(--font-magic);font-weight:900;font-size:.95rem;color:#555;cursor:pointer;border-radius:12px;transition:all .2s;width:100%}.sidebar-nav-link:hover{background:#f1f5f9;color:#1a1a1a}.sidebar-nav-link.active{background:var(--mat-magenta);color:#fff;border:none;border-radius:20px}.category-headline-box{display:flex;align-items:center;justify-content:center;padding-bottom:20px}.results-divider-container{display:flex;align-items:center;position:relative;margin-bottom:40px;width:100%}.market-header-divider{flex:1;height:2px;background:white;border:none;margin:0;opacity:.8}.results-text{position:absolute;right:0;top:-25px;color:#1a1a1a;font-family:var(--font-magic);font-weight:800;font-size:1rem}.big-category-name{font-family:var(--font-logo);font-size:4rem;color:var(--mat-magenta);margin:0;line-height:1;text-shadow:4.5px 4.5px 0px #1a1a1a;letter-spacing:-2px;background:white;padding:15px 30px;border:4px solid #1a1a1a;border-radius:20px;box-shadow:8px 8px #1a1a1a;display:inline-block;transform:rotate(-1deg);transition:all .3s cubic-bezier(.175,.885,.32,1.275);cursor:default;-webkit-user-select:none;user-select:none}.text-3d{color:var(--mat-magenta)!important;text-shadow:2px 2px 0 #1a1a1a;letter-spacing:-1px}.results-badge{padding:12px 30px;border:none;border-radius:50px;background:white;box-shadow:10px 10px #1a1a1a;display:flex;align-items:center;justify-content:center;height:max-content;transform:rotate(-1deg)}.results-count{font-family:var(--font-magic);font-weight:950;font-size:1.2rem;color:var(--mat-magenta);letter-spacing:-.5px}.filter-summary-card{width:100%;background:rgba(255,255,255,.9);border:4px solid #333;border-radius:28px;padding:20px;margin-top:16px;box-shadow:8px 8px #0000001a;display:flex;flex-direction:column;gap:14px}.filter-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-family:var(--font-logo);font-size:1.05rem;color:#1a1a1a}.filter-row span{min-width:80px;font-weight:700}.filter-chip{border:3px solid #333;border-radius:100px;background:white;color:#333;padding:10px 14px;cursor:pointer;font-family:var(--font-magic);font-weight:800;transition:.2s}.filter-chip.selected{background:var(--mat-magenta);color:#fff;border-color:var(--mat-magenta)}.filter-chip:hover{transform:translateY(-1px);box-shadow:0 6px 12px #0000001a}.studio-grid-high-density{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding:20px 0}@media (max-width: 1024px){.market-layout-grid{grid-template-columns:1fr}.market-sidebar-compact{display:none}.big-category-pill{font-size:2.5rem;padding:20px 40px}}.simple-product-card{background:white;border:4px solid #1a1a1a;border-radius:25px;overflow:hidden;display:flex;flex-direction:column;transition:all .2s cubic-bezier(.175,.885,.32,1.275);box-shadow:8px 8px #1a1a1a;cursor:pointer;height:100%;position:relative}.simple-product-card:hover{transform:translateY(-6px);box-shadow:14px 14px #1a1a1a}.product-image-container{width:100%;aspect-ratio:1;background:#fdfdfd;overflow:hidden;position:relative;border-bottom:4px solid #1a1a1a}.product-image-container img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.price-badge-yellow{position:absolute;top:15px;left:15px;background:#eeff41;color:#1a1a1a;border:4px solid #1a1a1a;border-radius:20px;padding:4px 14px;font-family:var(--font-logo);font-size:1.1rem;z-index:10}.washi-tag-corner{position:absolute;top:0;right:0;width:70px;height:70px;background:linear-gradient(225deg,var(--mat-pink) 50%,transparent 50%);z-index:5}.product-info{padding:24px;display:flex;flex-direction:column;flex:1;gap:12px;position:relative}.product-cat-inline{display:inline-block;align-self:flex-start;background:white;color:#1a1a1a;border:3px solid #1a1a1a;border-radius:20px;padding:2px 14px;font-family:var(--font-logo);font-size:.8rem;text-transform:uppercase}.product-title{font-family:var(--font-logo);font-size:1.25rem;color:#1a1a1a;margin:5px 0 0;line-height:1.2}.product-author{font-family:var(--font-logo);font-size:.85rem;color:#1a1a1a;margin:0 0 auto}.author-name-pink{color:var(--mat-pink)}.add-to-basket-full{width:100%;background:white;border:4px solid #1a1a1a;border-radius:20px;padding:10px;display:flex;align-items:center;justify-content:center;gap:10px;font-family:var(--font-logo);font-size:.95rem;color:#1a1a1a;cursor:pointer;transition:all .2s;box-shadow:4px 4px #1a1a1a;margin-top:8px}.add-to-basket-full:hover{transform:translate(-2px,-2px);box-shadow:8px 8px #1a1a1a}.add-to-basket-full:active{transform:translate(2px,2px);box-shadow:0 0 #1a1a1a}.add-to-basket-full.in-cart{background:#10b981;color:#fff}.plus-circle-icon{width:22px;height:22px;border:2px solid #1a1a1a;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:900;color:#1a1a1a}.add-to-basket-full.in-cart .plus-circle-icon{color:#fff;border-color:#fff}.profile-dashboard{display:flex;height:calc(100vh - 90px);margin-top:0;background-color:transparent;position:relative;overflow:hidden}.studio-sidebar{width:300px;background:white;backdrop-filter:none;-webkit-backdrop-filter:none;border-right:4px solid #1a1a1a;display:flex;flex-direction:column;padding:40px 24px;position:relative;z-index:10;box-shadow:8px 0 #1a1a1a}.sidebar-brand{display:flex;align-items:center;gap:12px;font-family:var(--font-logo);font-size:1.6rem;color:#1a1a1a;margin-bottom:60px;padding-left:10px}.studio-nav{display:flex;flex-direction:column;gap:12px}.studio-nav-btn{display:flex;align-items:center;gap:14px;padding:12px 20px;border-radius:20px;border:none;background:transparent;font-family:var(--font-magic);font-weight:900;font-size:1.05rem;color:#444;cursor:pointer;transition:all .2s;text-align:left}.studio-nav-btn:hover{background:#f1f5f9;color:#1a1a1a}.studio-nav-btn.active{background:var(--mat-magenta);color:#fff;border:none;box-shadow:none;transform:none;position:relative;z-index:5}.sidebar-bottom{margin-top:auto;padding:0 10px}.sidebar-logout-btn{display:flex;align-items:center;gap:12px;width:100%;padding:14px 20px;border-radius:var(--radius-md);border:var(--border-thin);background:rgba(239,68,68,.05);font-family:var(--font-magic);font-weight:800;color:#ef4444;cursor:pointer;transition:all .2s}.sidebar-logout-btn:hover{background:#fee2e2;transform:translateY(-2px);box-shadow:0 4px 12px #ef444426}.studio-content{flex:1;display:flex;flex-direction:column;background:transparent;position:relative}.studio-header{height:90px;padding:0 50px;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:4px solid #333;z-index:5}.header-breadcrumbs{display:flex;align-items:center;gap:12px;font-family:var(--font-magic);font-weight:800;font-size:1.1rem}.crumb{color:#888;transition:color .2s}.crumb:hover{color:var(--mat-magenta)}.crumb.active{color:#1a1a1a;font-weight:800}.create-new-btn{background:var(--mat-magenta);color:#fff;border:4px solid #1a1a1a;padding:12px 28px;border-radius:30px;font-family:var(--font-logo);font-size:1.2rem;display:flex;align-items:center;gap:12px;box-shadow:6px 6px #1a1a1a;transition:all .2s;cursor:pointer}.create-new-btn:hover{transform:translate(-2px,-2px);box-shadow:8px 8px #1a1a1a}.profile-surface{flex:1;background:transparent;padding:40px;overflow-y:auto}.creator-profile-card{background:rgba(255,255,255,.85);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:4px solid #1a1a1a;border-radius:35px;padding:40px;display:flex;align-items:center;gap:40px;position:relative;margin-bottom:40px;box-shadow:12px 12px #1a1a1a}.avatar-section{position:relative}.creator-avatar-ring{width:160px;height:160px;background:white;border:4px solid #1a1a1a;border-radius:40px;display:flex;align-items:center;justify-content:center;color:#1a1a1a;box-shadow:8px 8px #1a1a1a;transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.creator-avatar-ring:hover{transform:scale(1.05) rotate(3deg)}.creator-details{flex:1}.name-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.creator-name{font-family:var(--font-logo);font-size:2.8rem;color:#1a1a1a}.edit-profile-btn{background:white;border:3px solid #1a1a1a;padding:10px 24px;border-radius:20px;font-family:var(--font-magic);font-weight:800;display:flex;align-items:center;gap:8px;cursor:pointer;box-shadow:4px 4px #1a1a1a;transition:all .2s;color:#1a1a1a}.edit-profile-btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #1a1a1a;background:#f1f5f9}.creator-bio{font-family:var(--font-magic);font-size:1.1rem;color:#4b5563;line-height:1.6;margin-bottom:20px;max-width:600px}.creator-meta{display:flex;flex-wrap:wrap;gap:24px;margin-bottom:24px;font-family:var(--font-magic);font-weight:700;color:#6b7280}.meta-item{display:flex;align-items:center;gap:8px}.creator-pills{display:flex;gap:12px}.pill{background:white;border:3px solid #1a1a1a;padding:6px 18px;border-radius:50px;font-size:.85rem;font-weight:800;font-family:var(--font-magic);color:#1a1a1a;box-shadow:3px 3px #1a1a1a}.studio-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:50px}.studio-stats-grid.expanded{grid-template-columns:repeat(4,1fr)}.artisan-level-card{background:white;border:4px solid #1a1a1a;border-radius:35px;padding:40px;box-shadow:12px 12px #1a1a1a;margin-bottom:50px}.level-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.level-header h4{font-family:var(--font-logo);font-size:2rem;margin:0}.current-rank{font-family:var(--font-magic);font-weight:900;background:var(--mat-magenta);color:#fff;padding:8px 20px;border-radius:50px;border:3px solid #1a1a1a;box-shadow:4px 4px #1a1a1a}.progress-bar-wrap{height:30px;background:#f1f5f9;border:4px solid #1a1a1a;border-radius:50px;overflow:hidden;margin-bottom:15px;box-shadow:inset 0 4px 6px #0000001a}.progress-fill{height:100%;background:#22c55e;border-right:4px solid #1a1a1a;transition:width 1s ease-out}.level-hint{font-family:var(--font-magic);font-weight:800;color:#64748b;font-size:1rem}.stat-icon-box.sales{background:#fef08a;color:#a16207}.stat-icon-box.earnings{background:#bbf7d0;color:#166534}.profile-hero-card{background:rgba(255,255,255,.6);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:4px solid #333;border-radius:32px;padding:50px;display:flex;align-items:center;gap:40px;position:relative;box-shadow:12px 12px #0000000f;margin-bottom:40px}.studio-stat-card{background:white;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:4px solid #1a1a1a;border-radius:25px;padding:24px;display:flex;align-items:center;gap:20px;transition:all .2s;box-shadow:8px 8px #1a1a1a}.studio-stat-card:hover{transform:translate(-2px,-2px);box-shadow:10px 10px #1a1a1a}.stat-icon-box{width:60px;height:60px;border-radius:20px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border:3px solid #1a1a1a}.stat-val{display:block;font-family:var(--font-logo);font-size:2.2rem;line-height:1;color:#1a1a1a}.stat-name{font-family:var(--font-magic);color:#6b7280;font-weight:800}.level-title-row{display:flex;align-items:center;gap:12px}.rank-timeline{display:flex;justify-content:space-between;margin-bottom:30px;position:relative;padding-top:20px}.rank-timeline:before{content:"";position:absolute;top:45px;left:30px;right:30px;height:4px;background:#eee;z-index:0}.rank-step{display:flex;flex-direction:column;align-items:center;gap:10px;position:relative;z-index:1;opacity:.4;transition:all .3s}.rank-step.reached{opacity:1}.rank-step.reached .rank-step-icon{background:#fdf2f8;border-color:var(--mat-magenta);color:var(--mat-magenta)}.rank-step.current .rank-step-icon{transform:scale(1.3) rotate(-5deg);border-color:var(--mat-magenta);box-shadow:8px 8px #1a1a1a;background:white}.rank-step-icon{width:60px;height:60px;background:#f8fafc;border:4px solid #1a1a1a;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:2rem;box-shadow:6px 6px #1a1a1a;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.rank-step-name{font-family:var(--font-magic);font-weight:900;font-size:.85rem;color:#1a1a1a}.rank-step-requirement{font-family:var(--font-magic);font-size:.7rem;color:#888;font-weight:700}.progress-section{display:flex;flex-direction:column;gap:10px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.settings-card{background:white;border:4px solid #1a1a1a;border-radius:30px;padding:32px;position:relative;box-shadow:10px 10px #1a1a1a}.settings-title{font-family:var(--font-logo);font-size:1.8rem;margin-bottom:24px;display:flex;align-items:center;gap:12px}.settings-group{margin-bottom:30px}.settings-label{display:block;font-family:var(--font-magic);font-weight:800;margin-bottom:12px;color:#1a1a1a}.settings-input,.settings-select{width:100%;padding:14px 20px;border-radius:50px;border:4px solid #1a1a1a;font-family:var(--font-magic);font-weight:700;background:#f1f5f9;transition:all .2s}.settings-input:focus,.settings-select:focus{outline:none;background:white;box-shadow:4px 4px #1a1a1a}.save-settings-btn{background:var(--mat-magenta);color:#fff;border:4px solid #1a1a1a;padding:14px 32px;border-radius:30px;font-family:var(--font-magic);font-weight:800;cursor:pointer;box-shadow:6px 6px #1a1a1a;transition:all .2s;width:100%}.save-settings-btn:hover{transform:translate(-2px,-2px);box-shadow:8px 8px #1a1a1a}.studio-shelf{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:40px}.piece-card{background:white;border:4px solid #1a1a1a;border-radius:40px;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:10px 10px #1a1a1a}.piece-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 30px 60px -20px #0003;border-color:var(--mat-magenta)}.washi-tape-accent{position:absolute;top:-15px;right:40px;transform:rotate(3deg);width:120px;height:35px;background:var(--loom-pink);opacity:.9;z-index:2;border:2px dashed rgba(0,0,0,.1)}.washi-tape-accent.yellow{background:var(--loom-yellow);top:auto;bottom:-15px;left:40px}@media (max-width: 1024px){.creator-profile-card{flex-direction:column;align-items:center;text-align:center}.name-row{flex-direction:column;gap:16px}.creator-meta,.creator-pills{justify-content:center}.settings-grid{grid-template-columns:1fr}}.creator-edit-form{flex:1;display:flex;flex-direction:column;gap:20px}.name-row-static{margin-bottom:10px}.edit-actions-row{display:flex;align-items:center;gap:15px;margin-top:10px}.toast-notification.success{position:fixed;top:100px;right:40px;background:white;border:4px solid #333;padding:16px 28px;border-radius:24px;display:flex;align-items:center;gap:15px;font-family:var(--font-magic);font-weight:800;box-shadow:10px 10px #0000001a;z-index:10000;color:#333}.toast-notification.success svg{color:#22c55e}.creator-profile-card.editing{display:flex;flex-direction:column}.bio-input{min-height:120px;line-height:1.6}.avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar-upload-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:all .3s;cursor:pointer;border-radius:50%;z-index:5}.creator-avatar-ring:hover .avatar-upload-overlay{opacity:1}.loader-mini{width:24px;height:24px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.wallet-wrap{padding:20px 0}.wallet-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:30px}.wallet-balance-card{background:linear-gradient(135deg,var(--mat-magenta) 0%,#7e22ce 100%);border:4px solid #1a1a1a;border-radius:40px;padding:50px;color:#fff;position:relative;box-shadow:12px 12px #1a1a1a;margin-bottom:40px;overflow:hidden;transition:transform .2s;display:flex;justify-content:space-between;align-items:center}.wallet-balance-card.highlight{background:linear-gradient(135deg,#FF4081 0%,#7C4DFF 100%)}.wallet-card-decoration{display:flex;align-items:center;justify-content:center}.balance-info-main{display:flex;flex-direction:column}.wallet-balance-card:hover{transform:translate(-2px,-2px);box-shadow:14px 14px #1a1a1a}.wallet-balance-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(255,255,255,.15) 0%,transparent 40%,rgba(255,255,255,.1) 100%);pointer-events:none}@keyframes drift{0%{transform:translate(-10%,-10%)}to{transform:translate(10%,10%)}}.balance-content{position:relative;z-index:2}.balance-label{font-family:var(--font-logo);font-size:1.4rem;font-weight:500;opacity:.9;text-transform:none;letter-spacing:normal;margin-bottom:10px}.balance-amount-row{display:flex;align-items:baseline;gap:8px;margin:10px 0 20px}.balance-symbol{font-family:var(--font-logo);font-size:2.5rem;opacity:.8}.balance-val{font-family:var(--font-logo);font-size:6rem;margin:0;line-height:.9;text-shadow:6px 6px 0 rgba(0,0,0,.15)}.balance-unit{font-family:var(--font-magic);font-weight:900;font-size:1.5rem;margin-left:15px;opacity:.7}.balance-hint{font-family:var(--font-magic);font-size:.95rem;opacity:.7}.glass-card{background:white;border:4px solid #1a1a1a;border-radius:35px;padding:35px;box-shadow:10px 10px #1a1a1a;transition:.2s}.glass-card:hover{transform:translate(-2px,-2px);box-shadow:12px 12px #1a1a1a}.section-title{font-family:var(--font-logo);font-size:1.5rem;margin-bottom:20px;display:flex;align-items:center;gap:10px;color:#1a1a1a}.amount-selector{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:30px}.amount-btn{background:white;border:4px solid #1a1a1a;padding:12px 24px;border-radius:50px;font-family:var(--font-magic);font-weight:800;cursor:pointer;transition:.2s;box-shadow:4px 4px #1a1a1a}.amount-btn:hover{transform:translateY(-2px);box-shadow:6px 6px #1a1a1a}.amount-btn.active{background:var(--mat-magenta);color:#fff;box-shadow:4px 4px #1a1a1a}.amount-input{width:100px;padding:10px 15px;border-radius:50px;border:3px solid #1a1a1a;font-family:var(--font-magic);font-weight:800;text-align:center;background:#f1f5f9}.payment-stack{display:flex;flex-direction:column;gap:20px}.divider{display:flex;align-items:center;text-align:center;color:#888;font-family:var(--font-magic);font-weight:800;font-size:.8rem}.divider:before,.divider:after{content:"";flex:1;border-bottom:2px dashed #eee}.divider span{padding:0 15px}.payfast-btn{background:#004a99;color:#fff;border:4px solid #1a1a1a;padding:16px;border-radius:30px;font-family:var(--font-magic);font-weight:800;font-size:1.1rem;cursor:pointer;transition:all .2s;box-shadow:6px 6px #1a1a1a}.payfast-btn:hover:not(:disabled){transform:translate(-2px,-2px);background:#0056b3;box-shadow:8px 8px #1a1a1a}.paypal-stack{min-height:45px}.link-form{display:flex;flex-direction:column;gap:15px}.link-btn{background:white;border:var(--border-thin);padding:12px;border-radius:12px;font-family:var(--font-magic);font-weight:800;cursor:pointer;transition:all .2s}.link-btn:hover{background:#fdf2f8;border-color:var(--mat-magenta)}.transaction-list{display:flex;flex-direction:column;gap:15px;max-height:400px;overflow-y:auto;padding-right:10px}.tx-item{display:flex;justify-content:space-between;align-items:center;padding:20px;background:white;border-radius:25px;border:4px solid #1a1a1a;box-shadow:8px 8px #1a1a1a;transition:.2s;margin-bottom:10px}.tx-item:hover{transform:translate(-2px,-2px);box-shadow:10px 10px #1a1a1a}.tx-item:hover{transform:translate(4px);background:#fdf2f8}.tx-item.withdrawal{border-left-width:10px;border-left-color:#f43f5e}.tx-info{display:flex;flex-direction:column;gap:4px}.tx-type{font-family:var(--font-magic);font-weight:800;font-size:.95rem;color:#1a1a1a}.tx-date{font-size:.8rem;color:#888}.tx-amount{font-family:var(--font-logo);font-size:1.2rem}.tx-amount.pos{color:#22c55e}.tx-amount.neg{color:#ef4444}.empty-history{text-align:center;color:#888;font-family:var(--font-magic);padding:40px 0}@media (max-width: 1200px){.wallet-grid{grid-template-columns:1fr}}.subscriptions-page{padding:40px 0}.subscriptions-header{text-align:center;margin-bottom:40px}.billing-toggle-wrap{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:24px}.toggle-label{font-family:var(--font-magic);font-size:1.1rem;color:#6b7280;transition:color .3s}.toggle-label.active{color:#1f2937;font-weight:700}.save-badge{background:rgba(34,197,94,.1);color:#166534;padding:4px 10px;border-radius:99px;font-size:.8rem;font-weight:700;border:2px solid #22c55e;margin-left:8px}.toggle-3d{width:64px;height:32px;background:#e5e7eb;border-radius:99px;border:4px solid #1a1a1a;position:relative;cursor:pointer;box-shadow:6px 6px #1a1a1a;transition:all .2s}.toggle-3d.yearly{background:#22c55e}.toggle-knob{width:20px;height:20px;background:white;border:4px solid #1a1a1a;border-radius:50%;position:absolute;top:2px;left:3px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.toggle-3d.yearly .toggle-knob{transform:translate(32px)}.annual-note{font-size:.85rem;color:#6b7280;margin-top:-10px;margin-bottom:20px;font-family:var(--font-magic)}.subscriptions-header h2{font-family:var(--font-logo);font-size:3.5rem;color:#1a1a1a;margin-bottom:15px}.subscriptions-header p{font-family:var(--font-magic);font-weight:800;color:#666;font-size:1.2rem;max-width:600px;margin:0 auto}.pricing-grid.four-tier{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px}.pricing-card{padding:40px 30px;border-radius:40px;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;border:4px solid #1a1a1a;box-shadow:12px 12px #1a1a1a;background:white;transition:all .2s cubic-bezier(.175,.885,.32,1.275)}.pricing-card.current{border-color:#22c55e;box-shadow:16px 16px #166534;transform:scale(1.02);z-index:2}.pricing-card.current:after{content:"YOU ARE HERE ✨";position:absolute;top:-15px;background:#22c55e;color:#fff;padding:5px 15px;border-radius:50px;font-family:var(--font-magic);font-weight:900;font-size:.8rem;border:3px solid #1a1a1a;box-shadow:4px 4px #1a1a1a}.pricing-card.indigo{background:linear-gradient(135deg,#e0e7ff 0%,#c7d2fe 100%);border-color:#6366f1}.pricing-card.teal{background:linear-gradient(135deg,#f0fdfa 0%,#ccfbf1 100%);border-color:#14b8a6}.pricing-card.combo{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border-color:#d97706}.pricing-card.gold-glow{box-shadow:0 0 30px #fbbf2426,10px 10px #0000001a}.paypal-sub-btn{width:100%;margin-top:20px;min-height:45px}.plan-btn-wrap{width:100%;margin-top:auto}.plan-btn.current-btn{background:#22c55e;color:#fff;border-color:#166534;cursor:default}.pricing-card:hover{transform:translate(-4px,-4px);box-shadow:16px 16px #1a1a1a}.pricing-card.popular{transform:scale(1.05);box-shadow:16px 16px #1a1a1a}.pricing-card.popular:hover{transform:scale(1.05) translate(-4px,-4px);box-shadow:20px 20px #1a1a1a}.plan-badge{background:#333;color:#fff;padding:6px 16px;border-radius:20px;font-family:var(--font-magic);font-weight:900;font-size:.7rem;text-transform:uppercase;letter-spacing:1px;position:absolute;top:25px}.pricing-card h3{font-family:var(--font-logo);font-size:2.2rem;margin:20px 0 10px}.price-row{display:flex;align-items:baseline;gap:4px;margin-bottom:30px}.price-row .currency{font-family:var(--font-logo);font-size:1.5rem;opacity:.6}.price-row .amount{font-family:var(--font-logo);font-size:4.5rem;line-height:1}.price-row .period{font-family:var(--font-magic);font-weight:800;font-size:1rem;opacity:.5}.plan-perks{list-style:none;padding:0;margin:0 0 40px;width:100%;display:flex;flex-direction:column;gap:15px}.plan-perks li{font-family:var(--font-magic);font-weight:800;font-size:1rem;display:flex;align-items:center;gap:12px;color:#444;justify-content:center}.plan-perks li svg{color:var(--mat-magenta)}.plan-btn{width:100%;padding:18px;border-radius:25px;border:4px solid #1a1a1a;font-family:var(--font-logo);font-size:1.3rem;cursor:pointer;box-shadow:8px 8px #1a1a1a;transition:.2s;background:white}.plan-btn:hover:not(.disabled){transform:translate(-2px,-2px);box-shadow:10px 10px #1a1a1a}.plan-btn:active:not(.disabled){transform:translate(4px,4px);box-shadow:0 0 #1a1a1a}.plan-btn.disabled{opacity:.5;cursor:default;background:#f1f5f9;box-shadow:none}.pricing-card.silver{background:linear-gradient(135deg,#f8fafc 0%,#cbd5e1 100%);border:4px solid #64748b}.silver-btn{background:#64748b;color:#fff}.pricing-card.gold{background:linear-gradient(135deg,#1a1a1a 0%,#333333 100%);border:4px solid #fbbf24;color:#fff}.pricing-card.gold h3,.pricing-card.gold .price-row .amount{color:#fbbf24}.pricing-card.gold .plan-perks li{color:#ddd}.gold-btn{background:#fbbf24;color:#1a1a1a;border-color:#1a1a1a}.subscription-footer{margin-top:50px;display:flex;align-items:center;justify-content:center;gap:15px;padding:20px;border-radius:20px;font-family:var(--font-magic);font-weight:800;color:#666}.glass-premium{background:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:4px solid #333;box-shadow:10px 10px #0000000d}@media (max-width: 1024px){.pricing-grid.four-tier{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.pricing-grid.four-tier{grid-template-columns:1fr}}.editor-dashboard{display:flex;height:calc(100vh - 80px);background:transparent;position:relative;overflow:hidden;border-top:4px solid #333}.editor-sidebar{width:260px;background:rgba(255,255,255,.4);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-right:4px solid #333;display:flex;flex-direction:column;padding:40px 24px}.editor-nav-btn{display:flex;align-items:center;gap:14px;padding:16px 20px;border-radius:18px;border:none;background:transparent;font-family:var(--font-magic);font-weight:700;font-size:1.05rem;color:#666;cursor:pointer;transition:all .25s;text-align:left}.editor-nav-btn:hover{background:#f0f0f0;color:#333}.editor-nav-btn.active{background:var(--loom-pink);color:#333;border:2px solid #333;box-shadow:4px 4px #333}.washi-tape-sidebar{width:100px;height:30px;background:var(--loom-green);opacity:.5;transform:rotate(-5deg);margin-top:40px}.editor-content{flex:1;display:flex;flex-direction:column;background:transparent}.editor-header{height:80px;padding:0 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:2px dashed #eee}.editor-breadcrumbs{display:flex;align-items:center;gap:12px;font-family:var(--font-magic);font-weight:800}.editor-actions{display:flex;align-items:center;gap:16px}.crafty-icon-btn{background:var(--loom-surface);border:3px solid #333;padding:8px 16px;border-radius:14px;display:flex;align-items:center;gap:10px;font-family:var(--font-magic);font-weight:800;cursor:pointer;transition:all .2s}.crafty-icon-btn.magic{background:var(--loom-yellow)}.crafty-icon-btn:hover{transform:translateY(-2px);box-shadow:4px 4px #333}.crafty-save-btn{background:var(--mat-magenta);color:#fff;border:3px solid #333;padding:10px 24px;border-radius:14px;font-family:var(--font-logo);font-size:1.1rem;box-shadow:4px 4px #333;cursor:pointer;display:flex;align-items:center;gap:10px}.crafty-save-btn:hover{transform:translate(-1px,-1px);box-shadow:5px 5px #333}.editor-scroll-area{flex:1;overflow-y:auto;padding:40px;background:transparent;border-radius:0 0 40px}.extraction-banner{background:#333;color:#fff;padding:14px 24px;border-radius:20px;margin-bottom:40px;display:flex;align-items:center;gap:14px;font-family:var(--font-magic)}.extraction-banner button{background:transparent;border:none;color:#fff;margin-left:auto;cursor:pointer}.editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.editor-card-crafty{background:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:4px solid #333;border-radius:32px;padding:40px;position:relative;box-shadow:10px 10px #0000000f}.editor-card-crafty.full-width{grid-column:1 / -1}.washi-tape-accent{position:absolute;top:-15px;left:40px;width:100px;height:30px;background:var(--loom-pink);opacity:.8;transform:rotate(-2deg)}.washi-tape-accent.blue{background:var(--loom-blue)}.washi-tape-accent.yellow{background:var(--loom-yellow)}.card-title-crafty{font-family:var(--font-logo);font-size:1.5rem;margin-bottom:24px;display:flex;align-items:center;gap:12px}.card-subtitle-crafty{font-family:var(--font-magic);font-weight:800;font-size:1.1rem;color:#333;margin:0}.patterns-section-divider{height:2px;background:#eee;margin:30px 0;border-radius:2px}.crafty-input-group{margin-bottom:24px}.crafty-input-group label{display:block;font-family:var(--font-magic);font-weight:800;font-size:.9rem;color:#888;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.crafty-input-field,.crafty-textarea-field,.crafty-select-field,.crafty-sub-input{width:100%;padding:16px 20px;border:3px solid rgba(0,0,0,.05);background:rgba(255,255,255,.3);border-radius:18px;font-family:var(--font-body);font-size:1.1rem;outline:none;transition:all .2s}.crafty-input-field:focus,.crafty-textarea-field:focus,.crafty-select-field:focus{border-color:#333;background:var(--loom-surface)}.crafty-textarea-field{min-height:140px;resize:vertical}.crafty-textarea-field.thin{min-height:80px}.media-upload-area{width:100%;height:200px;border:3px dashed rgba(0,0,0,.1);border-radius:24px;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;transition:all .2s}.media-upload-area:hover{border-color:var(--mat-magenta);background:var(--loom-surface)}.media-placeholder{display:flex;flex-direction:column;align-items:center;gap:12px;color:#aaa;font-family:var(--font-magic);font-weight:800}.media-preview-mini{width:100%;height:100%;position:relative}.media-preview-mini img{width:100%;height:100%;object-fit:cover}.media-overlay-change{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.4);color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;font-family:var(--font-magic);font-weight:800}.media-preview-mini:hover .media-overlay-change{opacity:1}.media-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:16px;margin-top:20px}.media-gallery-item{width:100%;aspect-ratio:1;background:#fafafa;border:3px solid #333;border-radius:18px;position:relative;overflow:hidden}.media-gallery-item img{width:100%;height:100%;object-fit:cover}.media-gallery-item.loading{display:flex;align-items:center;justify-content:center;color:var(--mat-magenta)}.media-del-btn{position:absolute;top:5px;right:5px;width:24px;height:24px;background:var(--mat-magenta);color:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:2px 2px #0003}.crafty-split-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.card-header-flex{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.add-item-puck{width:44px;height:44px;border:3px solid #333;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--loom-surface);cursor:pointer;transition:all .2s}.add-item-puck.secondary{width:auto;border-radius:14px;padding:0 16px;gap:8px;font-family:var(--font-magic);font-weight:800}.add-item-puck:hover{background:var(--loom-green);transform:scale(1.1)}.add-item-puck.mini{width:32px;height:32px}.list-row-crafty{display:flex;gap:12px;margin-bottom:12px;align-items:center}.row-del-btn{width:44px;height:44px;border:3px solid #333;background:#fff1f2;color:#f11;border-radius:14px;display:flex;align-items:center;justify-content:center;cursor:pointer}.row-del-btn:hover{background:#ff1111;color:#fff}.step-item-crafty{display:flex;gap:16px;margin-bottom:20px;align-items:flex-start}.step-puck{width:40px;height:40px;background:#333;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;flex-shrink:0;margin-top:5px}.extraction-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--mat-magenta);z-index:10000;display:flex;align-items:center;justify-content:center;overflow:hidden}.overlay-sparkles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.floating-sparkle{position:absolute;color:#fff;opacity:.3;animation:float-sparkle 10s infinite ease-in-out}.floating-sparkle.p1{top:15%;left:15%;animation-delay:0s}.floating-sparkle.p2{bottom:20%;right:10%;animation-delay:2s}@keyframes float-sparkle{0%,to{transform:translateY(0) scale(1);opacity:.2}50%{transform:translateY(-30px) scale(1.2);opacity:.4}}.extraction-loading-card{background:var(--loom-surface);padding:60px;border-radius:40px;box-shadow:20px 20px #0003;text-align:center;max-width:500px;width:90%;border:4px solid #333}.weaving-yarn{font-size:5rem;margin-bottom:20px;display:inline-block}.weaving-text{font-family:var(--font-logo);font-size:2.2rem;color:#333;margin:0}.weaving-subtext{font-family:var(--font-magic);font-weight:800;color:#888;margin-top:10px}.weaving-progress{width:100%;height:12px;background:#eee;border-radius:6px;margin-top:40px;overflow:hidden;border:2px solid #333}.progress-bar-inner{height:100%;background:var(--mat-magenta);border-radius:4px}.palette-grid-editor{display:flex;flex-direction:column;gap:12px;margin-top:20px}.palette-row{display:flex;gap:12px;align-items:center}.mini-label{width:140px!important}.palette-del-btn{width:32px;height:32px;border-radius:50%;border:2px solid #333;background:white;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#888}.palette-del-btn:hover{background:#ff1111;color:#fff;border-color:#f11}.empty-hint{font-family:var(--font-magic);font-weight:800;font-size:.85rem;color:#aaa;text-align:center;margin-top:10px}@media (max-width: 1024px){.editor-grid{grid-template-columns:1fr}}.category-selection-page{max-width:1440px;margin:0 auto;padding:80px 40px;min-height:calc(100vh - 90px);background:transparent!important;position:relative;overflow:hidden}.selection-header{text-align:center;margin-bottom:80px;position:relative;z-index:50}.selection-title{font-family:var(--font-logo);font-size:6rem;color:#1a1a1a;margin-bottom:20px;text-shadow:4px 4px 0px white,10px 10px 0px rgba(0,0,0,.06);letter-spacing:-3px;line-height:1}.selection-subtitle{font-family:var(--font-magic);font-weight:900;color:#1a1a1a;font-size:1.6rem;background:white;padding:12px 36px;border-radius:40px;display:inline-block;border:4px solid #1a1a1a;box-shadow:6px 6px #1a1a1a;transform:rotate(-1.5deg);transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.selection-subtitle:hover{transform:rotate(0) scale(1.05);background:var(--mat-citron)}.selection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px;padding:20px 0;max-width:1400px;margin:0 auto}.category-card-outer{cursor:pointer;perspective:1000px}.mascot-card{background:white;border:4px solid #1a1a1a;border-radius:45px;padding:40px 30px;box-shadow:15px 15px #1a1a1a;transition:all .5s cubic-bezier(.175,.885,.32,1.275);position:relative;display:flex;flex-direction:column;align-items:center;min-height:560px;justify-content:flex-start;overflow:visible}.washi-tape-accent{position:absolute;top:25px;left:-20px;width:100px;height:35px;background:var(--loom-pink);opacity:.95;transform:rotate(-35deg);border-left:3px dashed rgba(0,0,0,.1);border-right:3px dashed rgba(0,0,0,.1);z-index:10;box-shadow:4px 4px #0000000d}.category-card-outer:nth-child(2n) .washi-tape-accent{background:var(--loom-yellow);transform:rotate(-30deg);top:35px;left:auto;right:-25px}.category-card-outer:hover .mascot-card{transform:translateY(-15px) scale(1.02);box-shadow:25px 25px #1a1a1a;border-color:var(--mat-magenta)}.mascot-image-wrap{width:100%;aspect-ratio:1;max-width:200px;margin-bottom:30px;transition:all .6s cubic-bezier(.175,.885,.32,1.275);background:#fdfdfd;border-radius:35px;display:flex;align-items:center;justify-content:center;border:3px solid #f1f5f9;position:relative}.category-card-outer:hover .mascot-image-wrap{transform:scale(1.1) rotate(-5deg);background:rgba(255,255,255,.9);border-color:var(--mat-magenta);box-shadow:10px 10px #00000008}.mascot-img{width:90%;height:90%;object-fit:contain;animation:float 4s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(2deg)}}.mascot-chat-bubble{background:white;border:4px solid #1a1a1a;border-radius:28px;padding:22px 28px;margin-bottom:30px;position:relative;width:100%;box-shadow:6px 6px #f1f5f9;transition:all .3s}.category-card-outer:hover .mascot-chat-bubble{transform:translateY(-5px);box-shadow:8px 8px #0000000d}.mascot-chat-bubble:after{content:"";position:absolute;top:-18px;left:50%;transform:translate(-50%);border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:18px solid #1a1a1a}.mascot-chat-bubble:before{content:"";position:absolute;top:-12px;left:50%;transform:translate(-50%);border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:15px solid white;z-index:2}.mascot-name{font-family:var(--font-magic);font-weight:950;font-size:.95rem;color:var(--mat-magenta);text-transform:uppercase;margin-bottom:8px;letter-spacing:1px;display:block}.mascot-greeting{font-family:var(--font-magic);font-weight:800;font-size:1.15rem;color:#1a1a1a;line-height:1.4;letter-spacing:-.2px}.category-label-row{margin-top:auto;display:flex;align-items:center;justify-content:space-between;width:100%;padding-top:25px;border-top:4px dashed #f1f5f9}.category-name-tag{font-family:var(--font-logo);font-size:2.2rem;color:#1a1a1a;transition:all .3s;letter-spacing:-1px}.category-card-outer:hover .category-name-tag{color:var(--mat-magenta);transform:scale(1.05)}.go-circle{width:56px;height:56px;background:white;color:#1a1a1a;border-radius:50%;display:flex;align-items:center;justify-content:center;border:4px solid #1a1a1a;box-shadow:6px 6px #1a1a1a;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.category-card-outer:hover .go-circle{background:var(--mat-citron);transform:rotate(360deg) scale(1.1);box-shadow:8px 8px #1a1a1a}.selection-footer{text-align:center;margin-top:100px;font-family:var(--font-magic);font-weight:900;color:#94a3b8;font-size:1.2rem;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6}.selection-loading{height:calc(100vh - 90px);display:flex;align-items:center;justify-content:center;background:var(--bg-surface)}@media (max-width: 1024px){.selection-title{font-size:4rem}.selection-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.selection-title{font-size:3rem}.selection-grid{grid-template-columns:1fr}.category-selection-page{padding:40px 20px}}.viewer-dashboard{display:flex;min-height:calc(100vh - 80px);background:transparent;position:relative}.viewer-sidebar{width:300px;background:rgba(255,255,255,.3);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:var(--border-thin);display:flex;flex-direction:column;padding:40px 24px}.viewer-nav-btn{display:flex;align-items:center;gap:14px;padding:16px 24px;border-radius:20px;border:none;background:transparent;font-family:var(--font-magic);font-weight:800;font-size:1.1rem;color:#666;cursor:pointer;transition:all .25s;text-align:left;position:relative}.viewer-nav-btn:hover{background:#fee2e2;color:var(--mat-magenta);transform:translate(5px)}.viewer-nav-btn.active{background:var(--mat-magenta);color:#fff;border:var(--border-thick);box-shadow:var(--shadow-chunky)}.sidebar-stats-card{margin-top:40px;background:rgba(255,255,255,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:var(--border-thin);border-radius:var(--radius-lg);padding:24px;display:flex;flex-direction:column;gap:20px;box-shadow:var(--shadow-modern)}.s-stat-row{display:flex;align-items:center;gap:16px;color:#333}.s-stat-info .s-label{font-family:var(--font-magic);font-size:.8rem;font-weight:900;color:#94a3b8;text-transform:uppercase}.s-stat-info .s-value{font-family:var(--font-logo);font-size:1.2rem;color:#333}.author-info{display:flex;flex-direction:column;line-height:1.2}.author-info .by{font-family:var(--font-magic);font-size:.75rem;color:#888;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.author-info .author-link{font-family:var(--font-logo);font-size:1.1rem;color:#333;cursor:pointer;transition:color .2s}.author-info .author-link:hover{color:var(--mat-magenta)}.viewer-content{flex:1;display:flex;flex-direction:column;background:transparent}.viewer-header{padding:40px 60px;display:flex;align-items:center;justify-content:space-between;border-bottom:4px dashed #eee}.viewer-back-btn{width:44px;height:44px;border:var(--border-thin);border-radius:50%;display:flex;align-items:center;justify-content:center;background:white;cursor:pointer;box-shadow:0 4px 12px #0000000d;transition:all .2s}.viewer-back-btn:hover{transform:translate(-4px);border-color:var(--mat-magenta);color:var(--mat-magenta)}.viewer-header-title{font-family:var(--font-logo);font-size:2.8rem;color:#333}.viewer-header-actions{display:flex;gap:16px}.viewer-pill-btn{background:white;border:var(--border-thin);padding:10px 24px;border-radius:var(--radius-pill);cursor:pointer;box-shadow:0 4px 12px #0000000d;display:flex;align-items:center;gap:10px;font-family:var(--font-magic);font-weight:800;transition:all .2s}.viewer-pill-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001a;border-color:var(--mat-magenta)}.viewer-scroll-area{flex:1;padding:60px;background:transparent}.viewer-grid-main{display:grid;grid-template-columns:1fr 340px;gap:40px}.viewer-steps-card{background:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:var(--border-thin);border-radius:var(--radius-xl);padding:40px;position:relative;box-shadow:var(--shadow-modern)}.washi-tape-card{position:absolute;top:-15px;left:40px;width:100px;height:30px;background:var(--loom-green);opacity:.8;transform:rotate(-2deg)}.washi-tape-card.yellow{background:var(--loom-yellow)}.reviews-container{padding:40px;display:flex;flex-direction:column;gap:30px;max-width:900px;margin:0 auto}.reviews-header-strip{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.reviews-header-strip h3{font-family:var(--font-logo);font-size:2.2rem;margin:0;color:#333}.avg-rating-box{display:flex;align-items:center;gap:10px;background:white;padding:10px 20px;border-radius:20px;border:4px solid #333;font-family:var(--font-magic);font-weight:900;font-size:1.3rem;box-shadow:6px 6px #0000001a}.leave-review-box{padding:35px;background:white;border:4px solid #333;border-radius:35px;display:flex;flex-direction:column;gap:25px;box-shadow:var(--shadow-chunky);position:relative}.leave-review-box h4{font-family:var(--font-logo);font-size:1.5rem;margin:0;color:var(--mat-magenta)}.rating-picker{display:flex;gap:12px}.leave-review-box textarea{width:100%;height:140px;border-radius:20px;border:4px solid #eee;padding:20px;font-family:var(--font-magic);font-weight:800;font-size:1rem;resize:none;transition:all .2s;background:#fdfdfd}.leave-review-box textarea:focus{border-color:var(--mat-magenta);background:white;outline:none}.submit-review-btn{align-self:flex-start;padding:14px 35px;font-family:var(--font-logo);font-size:1.2rem;border-radius:18px;display:flex;align-items:center;gap:12px;background:var(--mat-magenta);color:#fff;border:4px solid #333;box-shadow:6px 6px #333;cursor:pointer;transition:all .2s}.submit-review-btn:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:8px 8px #333}.submit-review-btn:disabled{opacity:.6;cursor:not-allowed}.reviews-list{display:flex;flex-direction:column;gap:25px;margin-top:20px}.review-card{padding:30px;background:white;border:4px solid #333;border-radius:30px;box-shadow:var(--shadow-modern);position:relative;transition:transform .3s}.review-card:hover{transform:translateY(-5px)}.review-user-row{display:flex;align-items:center;gap:18px;margin-bottom:20px}.review-avatar{width:55px;height:55px;border-radius:50%;border:4px solid #333;overflow:hidden;background:#f0f0f0;flex-shrink:0;box-shadow:4px 4px #0000001a}.review-avatar img{width:100%;height:100%;object-fit:cover}.review-user-info{flex:1}.review-user-info strong{font-family:var(--font-logo);font-size:1.25rem;display:block;color:#333;margin-bottom:4px}.user-rating-mini{display:flex;gap:5px}.review-date{font-family:var(--font-magic);font-weight:800;color:#999;font-size:.9rem}.review-content{font-family:var(--font-magic);font-weight:800;color:#444;line-height:1.7;margin:0;font-size:1.05rem}.rev-badge{background:var(--mat-magenta);color:#fff;padding:4px 12px;border-radius:12px;font-size:.85rem;font-weight:900;position:absolute;top:-10px;right:-10px;border:3px solid #333;box-shadow:4px 4px #0000001a;z-index:10}.empty-reviews{text-align:center;padding:80px 40px;color:#bbb;background:rgba(255,255,255,.4);border-radius:40px;border:4px dashed #ccc}.empty-reviews p{font-family:var(--font-logo);font-size:1.5rem;margin-top:20px;color:#999}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.card-top h3{font-family:var(--font-logo);font-size:1.6rem}.progress-badge{background:var(--mat-magenta);color:#fff;padding:6px 16px;border-radius:var(--radius-pill);font-family:var(--font-magic);font-weight:800;font-size:.85rem;box-shadow:4px 4px #1a1a1a}.steps-list-viewer{display:flex;flex-direction:column;gap:16px}.step-row-viewer{background:white;border:var(--border-thin);padding:24px;border-radius:var(--radius-md);display:flex;align-items:center;gap:20px;cursor:pointer;font-family:var(--font-body);font-weight:800;font-size:1.1rem;box-shadow:0 4px 12px #00000008;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.step-row-viewer:hover{transform:translate(10px);border-color:var(--mat-magenta);box-shadow:0 10px 30px #0000001a}.step-row-viewer.completed{opacity:.8;background:rgba(255,255,255,.3);text-decoration:none}.step-check-puck{width:40px;height:40px;background:white;border:2px solid #eee;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-logo);font-size:1rem;transition:all .2s}.step-row-viewer:hover .step-check-puck{border-color:var(--mat-magenta);color:var(--mat-magenta)}.viewer-gallery-section{margin-top:40px;padding-top:30px;border-top:2px dashed #eee}.gallery-title{font-family:var(--font-logo);font-size:1.3rem;margin-bottom:20px;display:flex;align-items:center;gap:10px}.viewer-photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.gallery-img-puck{background:white;border:var(--border-thin);border-radius:var(--radius-md);padding:8px;overflow:hidden;transition:all .4s;box-shadow:var(--shadow-modern)}.gallery-img-puck:hover{transform:translateY(-5px) rotate(2deg);box-shadow:10px 10px #0000001a}.gallery-img-puck img{width:100%;height:120px;object-fit:cover;border-radius:10px}.viewer-visual-sidebar{display:flex;flex-direction:column;gap:32px}.viewer-image-puck{background:rgba(255,255,255,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:var(--border-thin);border-radius:var(--radius-xl);padding:16px;box-shadow:var(--shadow-modern)}.viewer-image-puck img{width:100%;border-radius:16px;display:block}.quick-tip-box{background:#fffbeb;border:2px dashed #f59e0b;padding:24px;border-radius:24px;display:flex;gap:16px;font-family:var(--font-magic);font-weight:700;color:#92400e}.summary-card-viewer{background:rgba(255,255,255,.75);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:var(--border-thin);border-radius:var(--radius-xl);padding:40px;position:relative;box-shadow:var(--shadow-modern)}.summary-text{font-family:var(--font-body);font-size:1.3rem;line-height:1.6;margin:32px 0;color:#444}.summary-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.s-stat{background:white;border:var(--border-thin);padding:20px;border-radius:var(--radius-md);box-shadow:0 4px 12px #00000005}.s-label{display:block;font-family:var(--font-magic);color:#aaa;margin-bottom:4px}.s-value{font-family:var(--font-logo);font-size:1.1rem}.testers-list-box{margin-top:40px;padding-top:30px;border-top:2px dashed #eee}.testers-list-box h4{font-family:var(--font-logo);font-size:1.2rem;margin-bottom:16px;display:flex;align-items:center;gap:10px}.tester-pills{display:flex;flex-wrap:wrap;gap:10px}.tester-pill{background:white;color:#166534;border:var(--border-thin);padding:8px 18px;border-radius:var(--radius-pill);font-family:var(--font-magic);font-weight:800;font-size:.9rem;box-shadow:0 4px 10px #00000008}.materials-grid-viewer{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.material-card-viewer{background:white;border:var(--border-thin);padding:20px;border-radius:var(--radius-md);display:flex;align-items:center;gap:20px;box-shadow:var(--shadow-modern);transition:all .3s}.material-card-viewer:hover{transform:translateY(-5px);border-color:var(--mat-magenta)}.m-icon-viewer{font-size:1.5rem}.m-info-viewer{flex:1;display:flex;justify-content:space-between}.m-name{font-family:var(--font-magic);font-weight:800;font-size:1.1rem}.m-qty{font-family:var(--font-logo);color:var(--mat-magenta)}.purchase-cta-box{background:white;border:4px solid #333;border-radius:24px;padding:25px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:40px;box-shadow:10px 10px #0000000d}.cta-price-tag{font-family:var(--font-logo);font-size:2.5rem;color:#333}.cta-btns{display:flex;gap:15px}.btn-primary-buy{background:var(--mat-magenta);color:#fff;border:4px solid #333;padding:15px 30px;border-radius:18px;font-family:var(--font-logo);font-size:1.2rem;cursor:pointer;box-shadow:6px 6px #333;transition:all .2s}.btn-primary-buy:hover{transform:translateY(-3px);box-shadow:8px 8px #333}.btn-primary-buy:active{transform:translateY(2px);box-shadow:2px 2px #333}.btn-secondary-cart{background:white;color:#333;border:4px solid #333;padding:15px 30px;border-radius:18px;font-family:var(--font-logo);font-size:1.2rem;cursor:pointer;box-shadow:6px 6px #333;transition:all .2s}.btn-secondary-cart:hover{transform:translateY(-3px);box-shadow:8px 8px #333}.btn-secondary-cart.in-basket{background:#f1f5f9;color:#94a3b8;border-color:#cbd5e1;box-shadow:none;cursor:default}@media (max-width: 1024px){.viewer-grid-main{grid-template-columns:1fr}}:root{--loomily-pink: #ff4b91;--loomily-black: #1a1a1a;--card-bg: #ffffff;--frame-bg: rgba(255, 255, 255, .95);--dash-cream: #EAD7C5}.category-select-root{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;background-color:transparent;position:relative;overflow-x:hidden}.category-select-root:after{content:""}.category-select-frame{width:min(1200px,95%);padding:40px 0;text-align:center;position:relative;z-index:10}.big-category-name{background:white;padding:15px 50px;border:5px solid var(--loomily-black);border-radius:30px;box-shadow:12px 12px 0 var(--loomily-black);display:inline-block;transform:rotate(-1.5deg);margin-bottom:25px;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.big-category-name h1{font-family:var(--font-logo);font-size:3.5rem;margin:0;color:var(--loomily-black);letter-spacing:-1.5px;line-height:1}.text-3d{color:var(--loomily-pink)!important;text-shadow:2px 2px 0 var(--loomily-black);letter-spacing:-1px}.big-category-name:hover{transform:rotate(0) scale(1.02);box-shadow:18px 18px #0000001a}.category-select-frame .subtitle{font-family:var(--font-magic);font-size:1.5rem;margin-bottom:50px;color:#4b5563;font-weight:900;letter-spacing:-.5px}.category-select-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:25px;margin-bottom:40px}.category-card{background:var(--card-bg);border:4px solid var(--loomily-black);border-radius:30px;padding:16px;cursor:pointer;position:relative;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;flex-direction:column;align-items:center;box-shadow:8px 8px 0 var(--loomily-black);min-height:380px;justify-content:flex-start}.category-card:hover{transform:translate(-4px,-4px);box-shadow:14px 14px 0 var(--cat-color);border-color:var(--cat-color)}.category-image-wrap{width:100%;aspect-ratio:1;border-radius:22px;background:var(--cat-color, #fff5f8);border:3px solid var(--loomily-black);overflow:hidden;margin-bottom:12px;display:flex;align-items:center;justify-content:center;position:relative;transition:all .3s ease}.category-card:hover .category-image-wrap{background:#ffeef4;transform:scale(1.05)}.category-image-wrap img{width:75%;height:75%;object-fit:contain}.category-mascot-name{position:absolute;bottom:12px;background:var(--loomily-black);color:#fff;padding:4px 14px;border-radius:100px;font-family:var(--font-magic);font-weight:900;font-size:.8rem;transform:translateY(0);transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.category-card:hover .category-mascot-name{background:var(--cat-color, var(--loomily-pink));transform:translateY(-2px)}.category-label{font-family:var(--font-logo);font-size:1.4rem;color:var(--loomily-black);margin-top:10px;margin-bottom:8px;transition:all .3s ease}.category-card:hover .category-label{color:var(--mat-magenta)}.category-hover-message{font-family:var(--font-magic);font-size:.9rem;color:#6b7280;line-height:1.3;text-align:center;min-height:2.6em;opacity:.6;transition:all .3s ease}.category-card:hover .category-hover-message{opacity:1;color:#374151}.category-start-note{font-family:var(--font-magic);color:#1a1a1a;font-size:1.1rem;margin-top:30px;font-weight:900;opacity:.5}@media (max-width: 768px){.category-select-frame{padding:30px 15px;width:95%}.big-category-name{padding:10px 25px}.big-category-name h1{font-size:2.2rem}.category-select-grid{grid-template-columns:repeat(2,1fr);gap:15px}.category-card{padding:12px;box-shadow:6px 6px 0 var(--loomily-black)}.category-label{font-size:1.1rem}}.terms-page{min-height:100vh;padding-top:100px;background:var(--bg-color);background-image:radial-gradient(var(--dot-color) 2px,transparent 2px);background-size:30px 30px}.terms-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:320px 1fr;gap:40px;padding:0 40px 100px}.terms-sidebar{position:sticky;top:120px;height:fit-content;background:white;border:4px solid #333;border-radius:30px;padding:30px;box-shadow:var(--shadow-chunky)}.terms-sidebar-header{display:flex;align-items:center;gap:15px;margin-bottom:30px;padding-bottom:20px;border-bottom:3px solid #eee}.terms-logo-circle{width:40px;height:40px;background:var(--mat-magenta);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-logo);font-size:1.5rem;border:3px solid #333}.terms-sidebar-header h3{font-family:var(--font-logo);font-size:1.4rem;margin:0;color:#333}.terms-nav{display:flex;flex-direction:column;gap:10px}.terms-nav-btn{display:flex;align-items:center;gap:15px;padding:12px 18px;border-radius:15px;border:3px solid transparent;background:none;font-family:var(--font-magic);font-weight:800;color:#666;cursor:pointer;transition:all .2s;text-align:left}.terms-nav-btn:hover{background:#f8f8f8;color:#333}.terms-nav-btn.active{background:#fff;border-color:#333;color:var(--mat-magenta);box-shadow:4px 4px #333;transform:translate(-2px,-2px)}.terms-nav-btn .arrow{margin-left:auto;opacity:0;transition:all .2s}.terms-nav-btn.active .arrow{opacity:1;transform:translate(5px)}.terms-content{display:flex;flex-direction:column;gap:40px}.terms-header h1{font-family:var(--font-logo);font-size:4rem;margin:0 0 10px;color:#333;line-height:1}.last-updated{font-family:var(--font-magic);font-weight:800;color:#888;font-size:1rem}.terms-section{padding:50px;background:white;border:4px solid #333!important;border-radius:40px!important;position:relative;margin-bottom:40px;box-shadow:var(--shadow-modern)}.terms-section h2{font-family:var(--font-logo);font-size:2.2rem;margin:0 0 25px;color:#333}.terms-section p{font-family:var(--font-magic);font-weight:800;font-size:1.15rem;line-height:1.8;color:#444;margin-bottom:20px}.terms-section ul{list-style:none;padding:0;margin:20px 0;display:flex;flex-direction:column;gap:15px}.terms-section li{font-family:var(--font-magic);font-weight:800;font-size:1.1rem;padding-left:30px;position:relative}.terms-section li:before{content:"🧶";position:absolute;left:0;top:2px}.washi-tape{position:absolute;top:-15px;right:50px;width:120px;height:35px;opacity:.9;transform:rotate(2deg);border:2px dashed rgba(0,0,0,.1)}.washi-tape.yellow{background:var(--loom-yellow)}.washi-tape.pink{background:var(--loom-pink)}.washi-tape.blue{background:#bae6fd}.washi-tape.green{background:#bbf7d0}.washi-tape.orange{background:#fed7aa}@media (max-width: 1024px){.terms-container{grid-template-columns:1fr}.terms-sidebar{position:relative;top:0}.terms-header h1{font-size:3rem}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-studio);padding:20px}.auth-card{width:100%;max-width:450px;background:white;border-radius:32px;box-shadow:12px 12px #0000001a;overflow:hidden;border:4px solid #333;position:relative;display:flex;flex-direction:column}.auth-washi-top{padding:0;height:60px;position:relative}.auth-washi-pink{position:absolute;top:10px;left:-10px;background:var(--mat-magenta);padding:12px 40px;transform:rotate(-1deg);box-shadow:4px 4px 10px #0000001a;display:flex;flex-direction:column;align-items:center;z-index:10;border-left:4px solid rgba(0,0,0,.1);border-right:4px solid rgba(0,0,0,.1)}.auth-washi-text{font-family:var(--font-magic);font-size:1.8rem;color:#fff;line-height:1}.auth-content{padding:40px;text-align:center}.auth-title{font-family:var(--font-magic);font-size:2.2rem;margin-bottom:8px;color:#000}.auth-subtitle{color:#666;margin-bottom:32px}.auth-form{display:flex;flex-direction:column;gap:24px}.input-group{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:16px;color:#333}.input-group input{width:100%;padding:16px 16px 16px 52px;border:3px solid #333;border-radius:20px;font-size:1.1rem;font-family:var(--font-body)}.auth-btn-main{display:flex;align-items:center;justify-content:center;padding:18px;background:var(--mat-magenta);color:#fff;border:3px solid #333;border-radius:24px;font-weight:700;font-size:1.3rem;font-family:var(--font-magic);cursor:pointer;box-shadow:0 6px #333;margin-top:10px;transition:all .1s}.auth-btn-main:hover{transform:translateY(-2px);box-shadow:0 8px #333}.auth-switch{margin-top:24px;color:#666}.auth-link{color:#000;font-weight:700;text-decoration:none}.auth-footer-yellow{background:var(--mat-citron);padding:16px;text-align:center;font-weight:700;border-top:4px solid #333;font-family:var(--font-magic);margin-top:auto}