:root{--ink:#183b56;--ink-soft:#577386;--sky:#dff5ff;--sky-strong:#77c9ed;--mint:#bfe7d4;--mint-strong:#68b590;--coral:#ff8068;--coral-dark:#e65f4a;--sun:#ffd66f;--paper:#fffdf7;--white:#fff;--line:#2a5d7124;--shadow:0 24px 70px #43809429;--shadow-small:0 10px 30px #43809424}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:Microsoft YaHei UI,PingFang SC,Noto Sans CJK SC,system-ui,-apple-system,sans-serif}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,[role=button]:focus-visible{outline-offset:3px;outline:3px solid #ff806873}button:disabled{cursor:not-allowed;opacity:.48}.site-shell{min-height:100svh;overflow:hidden}.top-nav{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffdf7d1;border-bottom:1px solid #2a5d7114;justify-content:space-between;align-items:center;height:76px;padding:12px clamp(20px,4vw,64px);display:flex;position:fixed;top:0;left:0;right:0}.brand-button,.nav-gallery-button{cursor:pointer;background:0 0;border:0}.brand-button{text-align:left;align-items:center;gap:11px;padding:0;display:inline-flex}.brand-button>span:last-child{line-height:1.15;display:grid}.brand-button strong{letter-spacing:.08em;font-size:17px}.brand-button small{color:var(--ink-soft);letter-spacing:.15em;margin-top:4px;font-size:8px}.brand-mark{color:#16546d;background:var(--sky);border:1px solid #4ea1c233;border-radius:15px 15px 15px 5px;flex:none;place-items:center;width:44px;height:44px;font-size:24px;font-weight:800;display:inline-grid;box-shadow:0 8px 18px #409abd21}.nav-gallery-button{min-height:44px;color:var(--ink);border:1px solid var(--line);background:#ffffffb8;border-radius:15px;align-items:center;gap:8px;padding:9px 15px;font-weight:700;display:inline-flex}.nav-gallery-button svg{width:20px;height:20px}.progress-dots{z-index:51;gap:8px;display:flex;position:fixed;top:31px;left:50%;transform:translate(-50%)}.progress-dots span{background:#dfe9e8;border-radius:99px;width:24px;height:5px;transition:width .22s,background .22s}.progress-dots span.active{background:var(--coral);width:38px}.primary-button,.ghost-button,.text-button,.back-button,.view-switch{cursor:pointer;border:0;min-height:48px;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s}.primary-button{color:#fff;background:var(--coral);border:1px solid #d3533a33;border-radius:18px 18px 18px 6px;justify-content:center;align-items:center;gap:10px;padding:14px 25px;font-weight:800;display:inline-flex;box-shadow:0 13px 28px #e1593f40}.primary-button:hover:not(:disabled){background:var(--coral-dark);transform:translateY(-2px);box-shadow:0 16px 34px #e1593f4d}.primary-button svg{width:22px;height:22px}.primary-button.compact{border-radius:15px 15px 15px 5px;min-height:44px;padding:11px 18px}.ghost-button{color:var(--ink);background:#ffffff94;border:1px solid #2a5d7126;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-weight:750;display:inline-flex}.ghost-button:hover{background:#fff;transform:translateY(-2px)}.text-button{color:var(--ink-soft);background:0 0;padding:8px 12px;font-weight:700}.back-button{color:var(--ink-soft);background:0 0;align-items:center;gap:5px;padding:8px 10px 8px 5px;font-weight:700;display:inline-flex}.back-button svg{width:22px;height:22px}.eyebrow{color:#2782a5;letter-spacing:.16em;text-transform:uppercase;font-size:12px;font-weight:850;display:inline-block}.home-hero{background:radial-gradient(circle at 18% 0,#ffffffe6,#0000 35%),linear-gradient(#e7f8ff 0%,#f8fdff 58%,#fffdf7 100%);grid-template-columns:minmax(320px,.9fr) minmax(420px,1.1fr);align-items:center;gap:clamp(34px,7vw,110px);min-height:100svh;padding:138px clamp(24px,7vw,112px) 80px;display:grid;position:relative}.hero-sky{pointer-events:none;position:absolute;inset:0;overflow:hidden}.sun-disc{background:#ffd66fc7;border-radius:50%;width:108px;height:108px;position:absolute;top:115px;right:9%;box-shadow:0 0 70px #ffd66f80}.cloud{filter:blur(1px);background:#ffffffa3;border-radius:99px;width:160px;height:42px;position:absolute}.cloud:before,.cloud:after{content:"";background:inherit;border-radius:50%;position:absolute;bottom:2px}.cloud:before{width:78px;height:78px;left:24px}.cloud:after{width:58px;height:58px;right:22px}.cloud-one{top:19%;left:40%}.cloud-two{top:42%;right:-30px;transform:scale(.8)}.leaf-sprig{color:#42976c47;font-family:serif;font-size:260px;line-height:1;position:absolute}.leaf-left{bottom:0;left:-55px;transform:rotate(-22deg)}.leaf-right{top:120px;right:-35px;transform:rotate(159deg)scale(.72)}.hero-copy,.hero-gallery{z-index:2;position:relative}.hero-copy h1{letter-spacing:-.055em;white-space:nowrap;margin:18px 0 22px;font-size:clamp(42px,4.7vw,76px);line-height:1.12}.hero-copy h1 em{color:#267e9e;font-style:normal;position:relative}.hero-copy h1 em:after{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='12' viewBox='0 0 320 12'%3E%3Cpath d='M2 8c58-9 119 3 177-2 55-5 95-1 139 2' fill='none' stroke='%23ff8b73' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E") 50%/100% 100% no-repeat;height:10px;position:absolute;bottom:-9px;left:3%;right:0}.hero-copy>p{max-width:600px;color:var(--ink-soft);margin:0;font-size:clamp(16px,1.5vw,20px);line-height:1.9}.hero-buttons{flex-wrap:wrap;align-items:center;gap:13px;margin-top:34px;display:flex}.hero-facts{color:#678391;flex-wrap:wrap;align-items:center;gap:11px;margin-top:30px;font-size:12px;font-weight:700;display:flex}.hero-facts i{background:var(--mint-strong);border-radius:50%;width:4px;height:4px}.hero-gallery{perspective:1200px;min-height:570px}.hero-card{width:clamp(210px,20vw,290px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;border:1px solid #ffffffd9;border-radius:25px 25px 25px 8px;padding:14px 14px 19px;position:absolute}.hero-card img,.hero-card .doodle-face{aspect-ratio:3/4;object-fit:cover;border-radius:16px 16px 16px 5px;place-items:center;width:100%;display:grid}.hero-card>span{color:#7a959f;letter-spacing:.2em;margin-top:12px;font-family:ui-monospace,monospace;font-size:10px;display:block}.hero-card>strong{margin-top:3px;font-size:16px;display:block}.card-a{z-index:3;animation:6s ease-in-out infinite float-card;top:45%;left:50%;transform:translate(-50%,-50%)rotate(-1.5deg)}.card-b{z-index:2;opacity:.9;top:17%;left:0;transform:rotate(-10deg)scale(.86)}.card-c{z-index:1;opacity:.86;top:20%;right:0;transform:rotate(9deg)scale(.83)}.doodle-face{color:#2a7188;font-family:Georgia,serif;font-size:72px}.doodle-mint{background:radial-gradient(circle at 50% 36%,#ffd9be 0 14%,#0000 14.5%),linear-gradient(145deg,#dff5ea,#a8d8c1)}.doodle-coral{background:radial-gradient(circle at 50% 39%,#ffd8bd 0 13%,#0000 13.5%),linear-gradient(145deg,#fff0dc,#ffc1ad)}.hero-plinth{z-index:0;background:#ffffffa6;border-radius:50%;width:78%;height:70px;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 28px 50px #40829629}.hero-bottom-copy{z-index:3;color:#658592;white-space:nowrap;align-items:center;gap:8px;font-size:12px;display:flex;position:absolute;bottom:23px;left:50%;transform:translate(-50%)}.hero-bottom-copy svg{width:16px;height:16px;color:var(--coral)}@keyframes float-card{0%,to{transform:translate(-50%,-50%)rotate(-1.5deg)translateY(0)}50%{transform:translate(-50%,-50%)rotate(-.5deg)translateY(-12px)}}.content-page{background:radial-gradient(circle at 88% 10%, #bfe7d48c, transparent 24%), var(--paper);min-height:100svh;padding:106px clamp(20px,5vw,70px) 70px}.content-page>.back-button{max-width:1180px;margin:0 auto 12px;display:flex}.studio-shell,.style-shell{max-width:1180px;margin:0 auto}.studio-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:22px;display:flex}.studio-heading h1,.style-heading h1,.name-form h1{letter-spacing:-.04em;margin:8px 0 6px;font-size:clamp(30px,4vw,52px);line-height:1.2}.studio-heading p,.style-heading p,.name-form>p{color:var(--ink-soft);margin:0;line-height:1.7}.secondary-upload{min-height:48px;color:var(--ink);border:1px solid var(--line);cursor:pointer;box-shadow:var(--shadow-small);background:#fff;border-radius:14px;align-items:center;gap:8px;padding:11px 16px;font-weight:750;display:inline-flex}.secondary-upload svg{width:20px;height:20px}.secondary-upload input{opacity:0;width:1px;height:1px;position:absolute}.canvas-layout{grid-template-columns:minmax(280px,560px) minmax(260px,1fr);align-items:center;gap:clamp(22px,4vw,64px);display:grid}.canvas-wrap{box-shadow:var(--shadow);background:#fff;border:1px solid #2a5d711f;border-radius:26px 26px 26px 8px;padding:12px;position:relative}.canvas-wrap canvas{aspect-ratio:3/4;background:var(--paper);touch-action:none;cursor:crosshair;border-radius:17px 17px 17px 4px;width:100%;display:block}.canvas-corner-note{color:#8e6e29;background:#fff2ae;border-radius:3px 3px 14px;padding:16px 17px;font-size:12px;font-weight:800;line-height:1.45;position:absolute;top:34px;right:-22px;transform:rotate(4deg);box-shadow:0 12px 25px #82672324}.drawing-tools{border:1px solid var(--line);box-shadow:var(--shadow-small);background:#ffffffa6;border-radius:24px 24px 24px 7px;gap:19px;padding:24px;display:grid}.tool-row,.color-row,.width-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tool-button{width:50px;height:50px;color:var(--ink-soft);border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:15px;place-items:center;display:grid}.tool-button svg{width:23px;height:23px}.tool-button.active{color:#156584;background:var(--sky);border-color:#3296be4d;box-shadow:0 8px 18px #3e96b726}.color-dot,.width-dot{width:42px;height:42px;box-shadow:0 0 0 1px var(--line);cursor:pointer;border:4px solid #fff;border-radius:50%;place-items:center;display:grid}.color-dot.selected,.width-dot.selected{box-shadow:0 0 0 3px var(--coral)}.width-dot{background:#fff}.width-dot span{background:var(--ink);border-radius:50%;max-width:24px;max-height:24px;display:block}.clear-button{min-height:42px;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;margin-left:auto;padding:8px 13px;font-weight:700}.studio-done{width:min(560px,100%);margin-top:22px}.style-heading{text-align:center;max-width:820px;margin:0 auto 28px}.style-shell{justify-items:center;display:grid}.style-preview{width:min(390px,88vw);position:relative}.portrait-preview{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:26px 26px 26px 8px;padding:10px;position:relative;overflow:hidden}.portrait-preview>img{aspect-ratio:3/4;object-fit:cover;background:var(--paper);border-radius:17px 17px 17px 4px;width:100%;display:block}.portrait-preview.is-busy>img{filter:blur(4px)saturate(.75);opacity:.45}.generate-overlay{text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f0fbffbf;border-radius:17px;place-content:center;justify-items:center;padding:25px;display:grid;position:absolute;inset:10px}.generate-overlay strong{margin-top:17px;font-size:18px}.generate-overlay small{color:var(--ink-soft);margin-top:8px}.soft-spinner{border:4px solid #267e9e26;border-top-color:var(--coral);border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.compare-button{color:#376577;box-shadow:var(--shadow-small);cursor:pointer;background:#fff4c8;border:1px solid #9e7c261f;border-radius:12px 12px 12px 3px;padding:10px 13px;font-size:11px;font-weight:800;position:absolute;bottom:22px;right:-16px;transform:rotate(-2deg)}.style-options{grid-template-columns:repeat(3,1fr);gap:13px;width:min(900px,100%);margin-top:28px;display:grid}.style-option{text-align:left;min-height:134px;color:var(--ink);border:1px solid var(--line);cursor:pointer;background:#ffffffc2;border-radius:19px 19px 19px 6px;grid-template-columns:48px 1fr;align-items:center;column-gap:12px;padding:17px;display:grid}.style-option strong,.style-option small{grid-column:2}.style-option strong{align-self:end;font-size:16px}.style-option small{color:var(--ink-soft);align-self:start;margin-top:5px;line-height:1.5}.style-option.active{background:#fff;border-color:#ff8068bf;box-shadow:0 12px 28px #5282911f}.style-icon{border-radius:16px 16px 16px 5px;grid-row:1/3;place-items:center;width:48px;height:48px;font-weight:900;display:grid}.style-icon svg{width:23px;height:23px}.original-icon{color:#327b93;background:var(--sky)}.polish-icon{color:#397b61;background:#dff4e9}.q-icon{color:#a94f40;background:#ffe2da;font-family:Georgia,serif;font-size:24px}.next-step{width:min(430px,100%);margin-top:22px}.privacy-hint,.submit-fineprint{color:#78909a;text-align:center;margin:12px 0 0;font-size:11px;line-height:1.6}.inline-error{color:#943f32;text-align:center;background:#fff0eb;border:1px solid #c9503b24;border-radius:12px;max-width:760px;margin:12px auto;padding:12px 15px;font-size:13px;font-weight:700}.name-shell{grid-template-columns:minmax(280px,390px) minmax(320px,1fr);align-items:center;gap:clamp(38px,7vw,95px);max-width:960px;margin:15px auto 0;display:grid}.name-preview-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:27px 27px 27px 8px;padding:13px 13px 22px;transform:rotate(-1.2deg)}.name-preview-card img{aspect-ratio:3/4;object-fit:cover;border-radius:18px 18px 18px 5px;width:100%;display:block}.name-preview-card span{color:#85a0a9;letter-spacing:.18em;margin:14px 5px 3px;font-family:ui-monospace,monospace;font-size:10px;display:block}.name-preview-card strong{overflow-wrap:anywhere;margin:0 5px;font-size:22px;display:block}.name-form{position:relative}.field-label{margin:28px 0 8px;font-size:13px;font-weight:800;display:block}.name-input{width:100%;min-height:58px;color:var(--ink);background:#fff;border:1px solid #2a5d712e;border-radius:16px 16px 16px 5px;padding:13px 54px 13px 16px;font-size:17px;box-shadow:0 8px 22px #417a8b14}.name-input:focus{border-color:var(--sky-strong)}.character-count{color:#8ba1a9;margin-top:-37px;font-size:10px;position:absolute;right:13px}.note-toggle{text-align:left;width:100%;min-height:72px;color:var(--ink);cursor:pointer;background:#fff4c894;border:1px dashed #9b7b3147;border-radius:7px 7px 18px;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;margin-top:20px;padding:12px 14px;display:grid}.note-toggle>svg{color:#ad7c20;width:28px;height:28px}.note-toggle span{gap:4px;display:grid}.note-toggle strong{font-size:13px}.note-toggle small{color:#8b846b;font-size:10px}.note-toggle b{color:#8e722e;font-size:11px}.note-paper{background:repeating-linear-gradient(#0000 0 29px,#5d7a881a 29px 30px),#fffaf0;border:1px solid #9b7b312e;border-radius:4px 4px 16px;margin-top:8px;padding:14px;position:relative}.note-paper textarea{width:100%;color:var(--ink);resize:vertical;background:0 0;border:0;outline:0;padding:4px;line-height:30px}.note-paper span{color:#9d9784;font-size:9px;position:absolute;bottom:8px;right:11px}.submit-button{width:100%;margin-top:20px}.done-shell{text-align:center;background:radial-gradient(circle at 50% 34%,#fffffff2,#0000 32%),linear-gradient(#e5f8ff,#f7fffb 62%,#fffdf7);flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:128px 24px 70px;display:flex;position:relative}.done-badge{color:#dc654f;background:#fff1c2;border-radius:50%;place-items:center;width:78px;height:78px;display:grid;box-shadow:0 17px 38px #53818d2e}.done-badge svg{width:37px;height:37px}.done-shell>p:first-of-type{color:#2c7e9d;letter-spacing:.18em;margin:25px 0 8px;font-size:11px;font-weight:850}.done-shell h1{letter-spacing:-.04em;margin:0;font-size:clamp(36px,5vw,62px)}.done-number{align-items:baseline;gap:8px;margin:21px 0 4px;display:flex}.done-number strong{color:var(--coral);letter-spacing:-.06em;font-family:ui-monospace,monospace;font-size:clamp(66px,10vw,110px);line-height:1}.done-number small{color:var(--ink-soft);font-size:14px;font-weight:700}.done-shell h2{margin:0;font-size:25px}.done-copy{max-width:510px;color:var(--ink-soft);margin:16px 0 26px;line-height:1.8}.done-shell .text-button{margin-top:8px}.done-confetti i{background:var(--coral);opacity:.7;border-radius:99px;width:12px;height:30px;position:absolute}.done-confetti i:first-child{top:26%;left:18%;transform:rotate(21deg)}.done-confetti i:nth-child(2){background:var(--mint-strong);height:18px;top:17%;left:29%;transform:rotate(-42deg)}.done-confetti i:nth-child(3){background:var(--sky-strong);top:23%;right:22%;transform:rotate(49deg)}.done-confetti i:nth-child(4){background:var(--sun);height:16px;top:14%;right:32%}.done-confetti i:nth-child(5){background:#9a86d0;height:20px;top:38%;right:12%;transform:rotate(-18deg)}.gallery-shell{background-color:#eaf9fd;background-image:linear-gradient(#ffffff29 1px,#0000 1px),linear-gradient(90deg,#ffffff29 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;min-height:100svh;padding:118px 0 50px;position:relative}.gallery-orb{filter:blur(2px);pointer-events:none;border-radius:50%;position:absolute}.orb-one{background:#bfe7d4a3;width:300px;height:300px;top:110px;left:-100px}.orb-two{background:#ffd7b78a;width:250px;height:250px;top:330px;right:-80px}.gallery-header{z-index:2;justify-content:space-between;align-items:end;gap:30px;max-width:1160px;margin:0 auto 32px;padding:0 28px;display:flex;position:relative}.gallery-header h1{letter-spacing:-.04em;margin:8px 0 7px;font-size:clamp(30px,4vw,50px);line-height:1.2}.gallery-header p{color:var(--ink-soft);margin:0}.gallery-header p strong{color:var(--coral);font-family:ui-monospace,monospace;font-size:20px}.gallery-actions{align-items:center;gap:10px;display:flex}.view-switch{color:var(--ink);background:#ffffffb8;border:1px solid #2a5d7124;border-radius:14px;align-items:center;gap:7px;padding:10px 14px;font-weight:750;display:inline-flex}.view-switch svg{width:19px;height:19px}.card-rail{z-index:2;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;perspective:1400px;gap:clamp(20px,4vw,48px);width:100%;padding:18px calc(50vw - 175px) 35px;display:flex;position:relative;overflow-x:auto}.card-rail::-webkit-scrollbar{display:none}.friend-card{aspect-ratio:3/4.45;scroll-snap-align:center;perspective:1200px;cursor:pointer;-webkit-user-select:none;user-select:none;flex:0 0 350px;width:350px}.friend-card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .62s cubic-bezier(.2,.72,.2,1);position:relative}.friend-card.is-flipped .friend-card-inner{transform:rotateY(180deg)}.friend-card-face{backface-visibility:hidden;background:#ffffffeb;border:1px solid #ffffffd9;border-radius:28px 28px 28px 8px;position:absolute;inset:0;box-shadow:0 28px 70px #30697c2e}.friend-card-front{padding:13px 13px 22px}.card-topline{color:#78939d;letter-spacing:.15em;justify-content:space-between;align-items:center;height:31px;padding:0 5px;font-family:ui-monospace,monospace;font-size:10px;display:flex}.card-topline svg{width:17px;height:17px}.friend-card-front>img{aspect-ratio:3/4;object-fit:cover;background:#f6fbf9;border-radius:18px 18px 18px 5px;width:100%;display:block}.card-name{padding:14px 6px 0}.card-name span{color:#83a0a9;font-size:10px}.card-name h2{overflow-wrap:anywhere;margin:3px 0 0;font-size:22px}.friend-card-back{text-align:center;background:radial-gradient(circle at 50% 25%,#ffffffeb,#0000 34%),#dff5eb;flex-direction:column;justify-content:center;align-items:center;padding:32px;display:flex;transform:rotateY(180deg)}.back-sun{color:#dc654f;background:#fff1bc;border-radius:50%;place-items:center;width:72px;height:72px;display:grid}.back-sun svg{width:34px;height:34px}.back-number{color:var(--coral);margin-top:23px;font-family:ui-monospace,monospace;font-size:54px;font-weight:800;line-height:1}.friend-card-back h2{overflow-wrap:anywhere;margin:10px 0 25px;font-size:25px}.back-details{border-top:1px dashed #2a5d7138;border-bottom:1px dashed #2a5d7138;width:100%;padding:16px 0}.back-details p{justify-content:space-between;gap:18px;margin:9px 0;font-size:13px;font-weight:700;display:flex}.back-details span{color:var(--ink-soft);font-weight:500}.friend-card-back>small{color:#729087;margin-top:25px}.gallery-pagination{z-index:2;justify-content:center;align-items:center;gap:22px;display:flex;position:relative}.gallery-pagination button{width:48px;height:48px;color:var(--ink);cursor:pointer;background:#ffffffc2;border:1px solid #2a5d7124;border-radius:50%;place-items:center;display:grid}.gallery-pagination svg{width:22px;height:22px}.gallery-pagination>span{text-align:center;min-width:96px;font-family:ui-monospace,monospace;font-size:19px;font-weight:800}.gallery-pagination small{color:#78929c;font-size:12px}.gallery-loading,.gallery-error{min-height:430px;color:var(--ink-soft);place-content:center;justify-items:center;display:grid}.gallery-loading>span{border:4px solid #267e9e24;border-top-color:var(--mint-strong);border-radius:50%;width:50px;height:50px;animation:.8s linear infinite spin}.gallery-error button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:12px;padding:9px 14px}.friend-grid{z-index:2;grid-template-columns:repeat(5,minmax(0,1fr));gap:17px;max-width:1160px;margin:0 auto;padding:0 28px 50px;display:grid;position:relative}.grid-card{text-align:left;color:var(--ink);cursor:pointer;background:#ffffffd1;border:1px solid #ffffffdb;border-radius:18px 18px 18px 6px;padding:8px 8px 13px;overflow:hidden;box-shadow:0 12px 28px #346e7e1a}.grid-card img{aspect-ratio:3/4;object-fit:cover;border-radius:11px 11px 11px 3px;width:100%;display:block}.grid-card span{color:#7e9aa4;margin:9px 3px 1px;font-family:ui-monospace,monospace;font-size:9px;display:block}.grid-card strong{text-overflow:ellipsis;white-space:nowrap;margin:0 3px;font-size:13px;display:block;overflow:hidden}.admin-login-shell{background:radial-gradient(circle at 30% 10%,#bfe7d4a6,#0000 28%),#eefaff;place-items:center;min-height:100svh;padding:45px 24px;display:grid}.admin-home-link{color:var(--ink-soft);font-size:13px;font-weight:700;text-decoration:none;position:absolute;top:28px;left:28px}.admin-login-card{width:min(420px,100%);box-shadow:var(--shadow);background:#ffffffe0;border:1px solid #ffffffeb;border-radius:28px 28px 28px 8px;padding:38px}.admin-login-card .brand-mark{margin-bottom:24px}.admin-login-card h1{margin:7px 0 8px;font-size:34px}.admin-login-card>p:not(.eyebrow){color:var(--ink-soft);line-height:1.7}.admin-login-card label{margin:25px 0 8px;font-size:13px;font-weight:800;display:block}.admin-login-card input{border:1px solid var(--line);border-radius:14px;width:100%;min-height:52px;padding:11px 14px}.admin-login-card .primary-button{width:100%;margin-top:15px}.admin-shell{background:#f3fafb;min-height:100svh;padding:54px clamp(20px,5vw,70px)}.admin-header{justify-content:space-between;align-items:end;gap:25px;max-width:1180px;margin:0 auto 30px;display:flex}.admin-header h1{margin:8px 0 4px;font-size:clamp(32px,4vw,50px)}.admin-header p{color:var(--ink-soft);margin:0}.admin-header>div:last-child{align-items:center;gap:8px;display:flex}.curator-editor-card{border:1px solid var(--line);background:#fff;border-radius:26px 26px 26px 8px;max-width:1180px;margin:0 auto 24px;padding:20px;box-shadow:0 12px 32px #32647314}.curator-editor-summary{grid-template-columns:104px 1fr auto;align-items:center;gap:20px;display:grid}.curator-editor-preview{background:#eef8f7;border-radius:18px 18px 18px 5px;padding:6px}.curator-editor-preview img{aspect-ratio:3/4;object-fit:cover;border-radius:13px 13px 13px 4px;width:100%;display:block}.curator-editor-summary h2{margin:5px 0 4px;font-size:clamp(22px,3vw,32px)}.curator-editor-summary p,.curator-saving{color:var(--ink-soft);margin:0;line-height:1.6}.curator-saving{color:var(--coral);padding:14px 0 0 124px;font-weight:750}.curator-editor-card>.studio-shell{border-top:1px dashed var(--line);margin-top:24px;padding-top:24px}.curator-editor-card .studio-heading h1{font-size:clamp(26px,3vw,40px)}.admin-list{gap:15px;max-width:1180px;margin:0 auto;display:grid}.admin-empty{color:var(--ink-soft);border:1px solid var(--line);text-align:center;background:#fff;border-radius:22px;padding:70px 25px}.admin-friend{border:1px solid var(--line);background:#fff;border-radius:22px 22px 22px 7px;grid-template-columns:250px 1fr auto;align-items:center;gap:22px;padding:16px;display:grid;box-shadow:0 8px 24px #32647312}.admin-friend.hidden{opacity:.58}.admin-images{grid-template-columns:1fr 1fr;gap:8px;display:grid}.admin-images>div{position:relative}.admin-images img,.admin-image-placeholder{aspect-ratio:3/4;object-fit:cover;color:#77909a;background:#edf5f4;border-radius:12px 12px 12px 4px;place-items:center;width:100%;font-size:9px;display:grid}.admin-images span{color:var(--ink);background:#ffffffd6;border-radius:6px;padding:3px 6px;font-size:8px;position:absolute;bottom:6px;left:6px}.admin-friend-copy>small{color:var(--coral);font-family:ui-monospace,monospace;font-weight:800}.admin-friend-copy h2{margin:3px 0 2px;font-size:24px}.admin-friend-copy>p{color:var(--ink-soft);margin:0;font-size:12px}.admin-note{color:#765f26;background:#fff7d5;border:1px dashed #9b7b3140;border-radius:5px 5px 14px;gap:10px;max-width:530px;margin-top:15px;padding:12px;display:flex}.admin-note>svg{flex:none;width:23px;height:23px}.admin-note strong{font-size:11px}.admin-note p{color:#6b6044;white-space:pre-wrap;margin:4px 0 0;line-height:1.6}.admin-controls{gap:8px;display:grid}.admin-controls button{min-height:42px;color:var(--ink);border:1px solid var(--line);cursor:pointer;background:#edf8fb;border-radius:12px;padding:8px 13px;font-size:12px;font-weight:750}.admin-controls .danger-button{color:#9d4437;background:#fff1ed}@media (max-width:980px){.home-hero{text-align:center;grid-template-columns:1fr;padding-top:128px}.hero-copy>p{margin-inline:auto}.hero-buttons,.hero-facts{justify-content:center}.hero-gallery{width:min(650px,100%);min-height:520px;margin-inline:auto}.canvas-layout{grid-template-columns:minmax(280px,560px);justify-content:center}.drawing-tools{width:min(560px,100%)}.friend-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-friend{grid-template-columns:210px 1fr}.admin-controls{grid-column:1/-1;grid-template-columns:1fr 1fr}}@media (max-width:720px){.top-nav{height:66px;padding:9px 15px}.brand-mark{border-radius:13px 13px 13px 4px;width:40px;height:40px;font-size:22px}.brand-button strong{font-size:15px}.brand-button small{display:none}.nav-gallery-button{padding:8px 10px;font-size:12px}.progress-dots{top:27px}.progress-dots span{width:15px;height:4px}.progress-dots span.active{width:23px}.home-hero{gap:28px;min-height:auto;padding:112px 20px 75px}.hero-copy h1{margin:12px 0 17px;font-size:clamp(39px,12vw,56px)}.hero-copy>p{font-size:15px;line-height:1.75}.hero-buttons{flex-direction:column;margin-top:26px}.hero-buttons .primary-button,.hero-buttons .ghost-button{width:100%}.hero-facts{gap:8px;font-size:10px}.hero-gallery{min-height:400px}.hero-card{border-radius:19px 19px 19px 6px;width:190px;padding:9px 9px 13px}.hero-card img,.hero-card .doodle-face{border-radius:12px 12px 12px 4px}.card-a{left:50%}.card-b{left:-35px}.card-c{right:-35px}.hero-bottom-copy{white-space:normal;text-align:center;max-width:calc(100vw - 35px);bottom:17px}.content-page{padding:88px 15px 42px}.studio-heading{flex-direction:column;align-items:start;gap:14px}.studio-heading h1,.style-heading h1,.name-form h1{font-size:31px}.secondary-upload{align-self:flex-end}.canvas-wrap{border-radius:19px 19px 19px 6px;padding:8px}.canvas-corner-note{padding:11px;font-size:10px;top:22px;right:-7px}.drawing-tools{border-radius:18px 18px 18px 6px;gap:14px;padding:14px}.tool-row{justify-content:space-between}.tool-button{width:47px;height:47px}.color-row,.width-row{justify-content:center}.color-dot,.width-dot{width:38px;height:38px}.studio-done{margin-top:16px}.style-heading{text-align:left}.style-preview{width:min(325px,88vw)}.style-options{grid-template-columns:1fr;gap:9px}.style-option{min-height:94px}.name-shell{grid-template-columns:1fr;gap:32px}.name-preview-card{width:min(285px,80vw);margin:0 auto}.name-form{width:100%}.done-shell{padding-top:100px}.gallery-shell{padding-top:94px}.gallery-header{flex-direction:column;align-items:start;gap:17px;padding:0 18px}.gallery-header h1{font-size:33px}.gallery-actions{width:100%}.view-switch,.gallery-actions .primary-button{flex:1;font-size:12px}.card-rail{gap:22px;padding-inline:calc(50vw - 145px)}.friend-card{flex-basis:290px;width:290px}.friend-card-face{border-radius:23px 23px 23px 7px}.friend-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:0 15px 40px}.grid-card{border-radius:14px 14px 14px 5px;padding:6px 6px 10px}.admin-shell{padding:35px 14px}.admin-header{flex-direction:column;align-items:start}.admin-header>div:last-child{width:100%}.curator-editor-card{padding:15px}.curator-editor-summary{grid-template-columns:78px 1fr;gap:13px}.curator-editor-summary .primary-button{grid-column:1/-1;width:100%}.curator-saving{padding-left:0}.admin-header .ghost-button{flex:1}.admin-friend{grid-template-columns:1fr}.admin-images{width:min(280px,100%)}.admin-controls{grid-column:auto}.admin-login-card{padding:28px 22px}}@media (max-width:390px){.brand-button>span:last-child{display:none}.friend-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-facts i{display:none}.hero-facts span{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}