@font-face{font-family:Noto Sans KR;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-sans-kr-korean-400-normal-CmjJz_gz.woff2) format("woff2"),url(/assets/noto-sans-kr-korean-400-normal-Dvb5JbtY.woff) format("woff")}@font-face{font-family:Noto Sans KR;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/noto-sans-kr-korean-700-normal-DvnDzSjd.woff2) format("woff2"),url(/assets/noto-sans-kr-korean-700-normal-KAYYVieF.woff) format("woff")}@font-face{font-family:Noto Sans KR;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-sans-kr-latin-400-normal-CHjycKhk.woff2) format("woff2"),url(/assets/noto-sans-kr-latin-400-normal-DjJitp8U.woff) format("woff")}@font-face{font-family:Noto Sans KR;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/noto-sans-kr-latin-700-normal-BMRofqpA.woff2) format("woff2"),url(/assets/noto-sans-kr-latin-700-normal-CgfW28W0.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-sans-latin-400-normal-CW0RaeGs.woff2) format("woff2"),url(/assets/dm-sans-latin-400-normal-BwCSEQnW.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-sans-latin-500-normal-B9HHJjqV.woff2) format("woff2"),url(/assets/dm-sans-latin-500-normal-Dr3UlScf.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/dm-sans-latin-600-normal-Aqo67rzb.woff2) format("woff2"),url(/assets/dm-sans-latin-600-normal-BmdmIIQ2.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/dm-sans-latin-700-normal-DvUfVpUG.woff2) format("woff2"),url(/assets/dm-sans-latin-700-normal-CUSSCpQX.woff) format("woff")}:root{font-family:DM Sans,Noto Sans KR,sans-serif;color:#273e34;background:#fbfcf9;font-synthesis:none;font-weight:400;--green:#285540;--green-dark:#224734;--muted:#7e887f;--border:#e6eae2;--orange:#ec8453;--sidebar:238px;--page:#fbfcf9}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{border:0;background:none;color:inherit}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid #e79b67;outline-offset:4px}input:focus,textarea:focus,select:focus{outline:2px solid #87a890;outline-offset:2px}input,textarea{min-width:0}h1,h2,h3,h4,p{margin:0}button{padding:0}svg{flex-shrink:0}::selection{background:#e1edc9}button{transition:background .16s,color .16s,transform .16s,box-shadow .16s}button:disabled:hover{transform:none}button:active:not(:disabled){transform:translateY(1px)}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:#f1f4eb;border-right:1px solid #e6eadf;padding:35px 20px 0;display:flex;flex-direction:column;z-index:30}.brand-link{text-align:left;align-self:flex-start;margin-left:12px}.brand{display:inline-flex;align-items:center;gap:10px;font-family:DM Sans,sans-serif;font-size:37px;font-weight:700;letter-spacing:-2px;color:#28513e;line-height:1.1}.brand-dot{color:#e89262}.brand-symbol{display:flex;position:relative;width:31px;height:30px;gap:0;align-items:flex-end}.brand-symbol>span{height:22px;width:17px;border:5px solid currentColor;border-bottom:0;border-radius:12px 12px 0 0;flex-shrink:0}.brand-symbol>span:nth-child(2){margin-left:-5px}.brand-symbol>i{position:absolute;right:-1px;top:1px;width:7px;height:7px;background:#e89262;border-radius:50%}.brand-description{font-size:10px;color:#7f8a78;margin:9px 0 29px 13px;letter-spacing:-.2px}.new-design-button{display:flex;justify-content:center;align-items:center;gap:9px;width:100%;padding:13px 12px;background:var(--green);border-radius:9px;color:#fff;font-size:12px;font-weight:500;box-shadow:0 3px 5px #2144310c}.new-design-button:hover{background:#183d2a}.nav-section-label{font-size:9px;letter-spacing:1.7px;color:#939c8a;margin:31px 12px 13px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.nav-item{display:flex;align-items:center;gap:11px;text-align:left;padding:14px 12px;border-radius:8px;font-size:12px;color:#6e7a6b;white-space:nowrap}.nav-item:hover{background:#e8eddc}.nav-item.active{background:#e2e9d5;color:#355135;font-weight:600}.nav-item.active svg{stroke-width:2.1}.nav-new{margin-left:auto;color:#91a07a;font-size:8px;letter-spacing:.4px}.nav-count{margin-left:auto;background:#d8e2cc;border-radius:6px;min-width:21px;text-align:center;font-size:10px;padding:2px 5px}.sidebar-bottom{margin-top:auto;padding-top:50px}.sidebar-guide{position:relative;background:#e8eddd;border-radius:12px;padding:21px 17px 17px;overflow:hidden}.guide-illustration{display:flex;align-items:start;gap:20px;color:#849858;margin:0 0 12px;transform:rotate(-8deg)}.guide-illustration>svg:last-child{color:#cf8952;transform:rotate(20deg);margin-top:11px}.sidebar-guide h3{font-size:12px;font-weight:600;margin-bottom:7px}.sidebar-guide p{font-size:11px;color:#7b866d;line-height:1.9}.sidebar-guide button{margin-top:18px;border-top:1px solid #d7dfc9;padding-top:13px;display:flex;align-items:center;justify-content:space-between;width:100%;font-size:10px;font-weight:500}.sidebar-guide button:hover{color:#a45c2c}.sidebar-help{width:100%;display:flex;align-items:center;gap:9px;font-size:10px;color:#8a947f;padding:22px 11px}.sidebar-help>svg:last-child{margin-left:auto}.sidebar-profile{border-top:1px solid #e0e6d7;display:flex;gap:10px;align-items:center;padding:19px 1px 22px}.profile-icon{width:35px;height:35px;border-radius:50%;background:#e4e8dc;display:grid;place-items:center;color:#778568}.sidebar-profile strong{font-size:10px;font-weight:500;display:block}.sidebar-profile div>span{display:block;font-size:8px;color:#959d8e;margin-top:3px}.online-dot{width:6px;height:6px;border-radius:50%;background:#839b64;margin-left:auto;margin-right:3px}.main-shell{margin-left:var(--sidebar)}.topbar{height:78px;padding:0 47px;border-bottom:1px solid #ecede7;display:flex;align-items:center;justify-content:space-between;background:#ffffffa8;gap:12px}.breadcrumb{display:flex;align-items:center;gap:14px;font-size:10px;color:#98a093}.breadcrumb strong{font-size:11px;font-weight:500;color:#56634f}.topbar-right{display:flex;align-items:center;gap:22px}.mode-badge{font-size:10px;color:#869076;display:flex;align-items:center;gap:7px}.mode-badge>span{width:5px;height:5px;background:#8fa675;border-radius:50%}.icon-button{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;color:#7e887b}.icon-button:hover{background:#edf0e7}.avatar{font-family:Georgia,serif;position:relative;border-radius:50%;background:#f0e8d8;color:#8d8064;width:32px;height:32px;font-size:23px;font-weight:700;text-align:center;line-height:27px}.avatar>span{position:absolute;width:6px;height:6px;background:#a3ac88;right:0;bottom:1px;border:1.5px solid white;border-radius:50%}.main-content{max-width:1330px;margin:0 auto;padding:0 48px}.hero{display:flex;position:relative;align-items:center;justify-content:space-between;min-height:295px;padding:38px 3px 28px;gap:20px}.hero-copy{z-index:1;flex-shrink:0}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:9px;color:#99a583;letter-spacing:2px;font-weight:600}.eyebrow>span{width:6px;height:6px;background:#9ead7f;border-radius:50%}.hero h1{font-size:37px;font-weight:500;line-height:1.43;letter-spacing:-1.8px;color:#293f30;margin:12px 0 13px}.hero h1>span{position:relative;z-index:0}.hero h1>span:after{content:"";height:11px;background:#e5ebd7;position:absolute;bottom:2px;left:-2px;right:-3px;z-index:-1;transform:rotate(-1deg)}.hero-copy>p{font-size:12px;color:#8b9185;line-height:1.95;letter-spacing:-.3px}.hero-footnote{display:flex;gap:15px;margin-top:18px;color:#8c987f;font-size:9px}.hero-footnote>span{display:flex;align-items:center;gap:4px}.hero-art{position:relative;height:249px;width:405px;max-width:48%;flex-shrink:0}.hero-orbit{position:absolute;width:225px;height:225px;border:1px solid #e8ebde;border-radius:50%;top:0;left:80px}.hero-dots{position:absolute;inset:8px 0 0;background-image:radial-gradient(#b8c19c 1px,transparent 1px);background-size:13px 13px;opacity:.4;-webkit-mask-image:radial-gradient(ellipse,black,transparent 70%);mask-image:radial-gradient(ellipse,black,transparent 70%)}.floating-card{position:absolute;top:99px;left:4px;width:282px;transform:rotate(-10deg);box-shadow:1px 12px 20px #6168431c;line-height:0;z-index:2;border:5px solid #fffaf0;border-radius:7px;overflow:hidden;animation:arrive .7s ease-out}.floating-logo{position:absolute;right:12px;top:21px;width:153px;height:162px;padding:12px;background:#e7eddf;transform:rotate(10deg);border:5px solid #fffef8;border-radius:8px;box-shadow:1px 8px 15px #61724a1a;z-index:1;animation:arrive .9s ease-out}.floating-logo .design-preview{height:100%;object-fit:contain}.hero-star{position:absolute;top:33px;left:50px;color:#eba768;transform:rotate(13deg)}.hero-note{position:absolute;right:-5px;bottom:25px;font-size:13px;color:#929b7c;font-weight:500;transform:rotate(-9deg)}.hero-arrow{position:absolute;width:58px;height:48px;right:22px;bottom:54px;color:#b2ba9b;transform:rotate(23deg)}.art-label{position:absolute;top:0;right:45px;color:#a5ae91;font-size:7px;letter-spacing:1.3px;display:flex;align-items:center;gap:5px}.design-preview{display:block;width:100%;height:auto;object-fit:contain}.creator-section{background:#fff;border:1px solid #dce3d4;border-radius:14px;box-shadow:0 5px 20px #4d614309;position:relative;overflow:hidden}.creator-top{display:flex;align-items:center;justify-content:space-between;padding:13px 20px;border-bottom:1px solid #eff0ea}.creation-tabs{display:flex;gap:5px}.creation-tabs button{padding:8px 12px;font-size:11px;display:flex;align-items:center;gap:7px;border-radius:6px;color:#8e9587}.creation-tabs button.selected{background:#eff3e7;color:#3a5c3e;font-weight:600}.creation-tabs button:hover{background:#f4f6ef}.creator-caption{display:flex;align-items:center;gap:5px;color:#a7ac9f;font-size:9px}.creator-inputs{display:flex;gap:24px;padding:21px 24px 15px;min-height:113px}.creator-inputs label>span:first-child{display:block;font-size:9px;color:#9ca391;margin-bottom:9px}.name-input-label{width:177px;flex-shrink:0}.name-input-label input{border:none;padding:2px 0;font-size:15px;width:100%;background:transparent;color:#38513c}.name-input-label input::placeholder{color:#a9b09e}.input-divider{width:1px;background:#e9eddf;flex-shrink:0;margin:3px 0 11px}.prompt-input-label{flex:1;position:relative;padding-bottom:8px}.prompt-input-label textarea{padding:0;resize:none;border:0;background:transparent;width:100%;font-size:12px;line-height:1.9;color:#41523d}.prompt-input-label textarea::placeholder{color:#b0b6a7;line-height:1.9}.prompt-count{position:absolute;right:0;bottom:0;font-size:8px;color:#c0c5b9}.creator-bottom{display:flex;align-items:center;padding:0 18px 16px 23px;gap:14px}.theme-select{display:flex;align-items:center;gap:6px;color:#7c8873}.theme-select select{border:0;padding:7px 13px 7px 2px;background:transparent;color:#7e8874;font-size:10px;cursor:pointer;max-width:160px}.creator-privacy{display:flex;align-items:center;gap:4px;font-size:9px;color:#a7ae9c}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:500;font-size:11px;padding:12px 17px;border-radius:8px;white-space:nowrap;min-height:40px}.button-create{background:#eb8757;color:#fff;margin-left:auto;padding:12px 18px;box-shadow:0 2px 4px #c3753512}.button-create:hover{background:#dc7645;box-shadow:0 4px 10px #c3753526}.button-create>svg:last-child{margin-left:5px}.button-primary{background:var(--green);color:#fff}.button-primary:hover{background:#193e2b;box-shadow:0 3px 10px #2a4d3021}.button-secondary{border:1px solid #dfe4d6;background:#fff;color:#647254}.button-secondary:hover{background:#f4f6ee}.button-danger{background:#b8564e;color:#fff}.full-width{width:100%}.prompt-examples{display:flex;align-items:center;gap:8px;margin:14px 2px 33px;font-size:9px;flex-wrap:wrap}.prompt-examples>span{display:flex;align-items:center;gap:5px;color:#9aa48b;margin-right:5px}.prompt-examples>button{border:1px solid #e5e9de;display:flex;align-items:center;gap:12px;border-radius:20px;padding:6px 10px;color:#8d9781;background:#fff;line-height:1.5}.prompt-examples>button:hover{background:#edf2e2;border-color:#c5d0b2}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:21px}.section-heading h2{font-size:20px;font-weight:600;letter-spacing:-.8px;color:#34462e}.section-heading p{font-size:10px;color:#9ca38f;margin-top:7px}.text-button{display:inline-flex;align-items:center;gap:7px;font-size:10px;color:#7f8b70;font-weight:500}.text-button:hover{color:#3a5e2e}.theme-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.theme-chip{display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:10px;padding:9px 13px;border-radius:7px;border:1px solid #e5e9dc;background:#fff;color:#8b947e}.theme-chip svg{stroke-width:1.5}.theme-chip.active{background:#eaf0df;color:#486536;border-color:#d6e0c5;font-weight:500}.theme-chip:hover{background:#f0f4e8;border-color:#d3dec2}.design-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px}.design-tile{min-width:0;animation:arrive .35s ease-out}.tile-art{width:100%;aspect-ratio:1.25;display:flex;align-items:center;justify-content:center;position:relative;border-radius:10px;overflow:hidden;isolation:isolate;border:1px solid #00000002}.theme-blocks{background:#f3e6ce}.theme-pixel{background:#e5e8f3}.theme-garden{background:#e7ecdc}.theme-pop{background:#f5e1e4}.theme-space{background:#e8e5f1}.theme-minimal{background:#eae7df}.tile-type{position:absolute;top:10px;left:11px;font-size:8px;color:#746f5f;background:#ffffffad;padding:3px 7px;border-radius:4px;z-index:1}.tile-pick{position:absolute;right:10px;top:12px;display:flex;align-items:center;gap:3px;color:#a38a5d;font-size:7px;letter-spacing:.4px}.tile-design{width:84%;transform:rotate(-6deg);border-radius:4px;overflow:hidden;box-shadow:2px 7px 13px #4a453a21;transition:transform .28s}.design-tile:nth-child(2n) .tile-design{transform:rotate(5deg)}.design-tile:nth-child(3n) .tile-design{transform:rotate(-4deg)}.tile-art:hover .tile-design{transform:rotate(0) translateY(-4px) scale(1.02)}.tile-logo{width:62%;box-shadow:2px 5px 10px #4a453a0d}.tile-hover{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:8px;font-size:9px;color:#456133;background:#fffffff2;padding:11px;transform:translateY(100%);transition:transform .2s}.tile-art:hover .tile-hover,.tile-art:focus-visible .tile-hover{transform:translateY(0)}.tile-info{padding:12px 2px;display:flex;align-items:center;justify-content:space-between;gap:5px}.tile-info h3{font-size:11px;font-weight:500;color:#566348}.tile-info p{font-size:8px;color:#a1a792;margin-top:4px}.tile-use{width:26px;height:26px;border:1px solid #e5e9de;border-radius:50%;color:#9da68f;display:flex;align-items:center;justify-content:center}.tile-use>svg{width:13px}.tile-use:hover{background:#e9efdf;color:#527036}.bottom-banner{display:flex;align-items:center;gap:16px;background:#f0f3e9;border:1px solid #e9eddf;border-radius:10px;padding:20px 24px;margin:26px 0 34px}.banner-icon{color:#8b9e6a;width:36px;display:grid;place-items:center}.bottom-banner h3{font-size:11px;font-weight:500;color:#667654}.bottom-banner p{font-size:9px;color:#a0a68f;margin-top:5px}.banner-note{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:9px;color:#9ba987;white-space:nowrap}.footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eaedde;padding:22px 0 26px;color:#adb4a0;font-size:8px;gap:15px}.footer>div{display:flex;align-items:center;gap:15px}.footer>span{display:flex;align-items:center;gap:5px}.brand-small{font-size:20px;color:#a0ad8f;gap:6px;letter-spacing:-1px}.brand-small .brand-symbol{width:18px;height:17px}.brand-small .brand-symbol>span{width:10px;height:13px;border-width:3px;border-radius:8px 8px 0 0}.brand-small .brand-symbol>span:nth-child(2){margin-left:-3px}.brand-small .brand-symbol>i{width:4px;height:4px;right:0;top:0}.brand-small .brand-dot{color:#cbb699}.inner-page{padding-top:43px}.inner-page .eyebrow{margin-bottom:12px}.inner-page h1,.inner-page .section-heading h2{font-size:30px;letter-spacing:-1.2px;line-height:1.4;font-weight:500}.inner-page .section-heading{margin-bottom:27px;align-items:flex-end}.inner-page .section-heading p{font-size:12px;line-height:1.8}.inner-page .templates-section,.library-section{min-height:calc(100vh - 224px);padding-bottom:42px}.template-count{font-size:10px;color:#98a389}.inner-page .theme-filters{margin-bottom:25px}.gallery-toolbar{display:flex;align-items:center;justify-content:space-between;margin:17px 0 22px;gap:12px}.type-filters{display:flex;gap:15px}.type-filters button{font-size:10px;color:#9aa68a;padding:6px 0;border-bottom:2px solid transparent}.type-filters button.selected{font-weight:600;color:#496538;border-bottom-color:#6f8a4e}.search-field{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e0e6d6;border-radius:7px;padding:9px 12px;color:#a2ae91;max-width:270px;width:100%}.search-field input{font-size:10px;background:none;border:0;width:100%;color:#526746}.search-field input::placeholder{color:#a8b398}.empty-state{border:1px dashed #dce3d1;border-radius:14px;text-align:center;padding:65px 24px;color:#93a47d;display:flex;flex-direction:column;align-items:center;gap:15px;background:#f7f9f1}.empty-state h3{color:#5c7047;font-size:16px;font-weight:500}.empty-state p{font-size:11px;line-height:1.8}.empty-state .button{margin-top:7px}.library-total{font-size:11px;color:#8a9978}.library-total strong{margin-left:7px;color:#42632e}.library-empty{padding:75px 20px 65px}.library-empty h2{font-size:20px;color:#566c44;font-weight:500}.empty-illustration{position:relative;width:95px;height:85px;border-radius:50%;background:#eaf0df;display:grid;place-items:center;margin-bottom:8px}.empty-illustration svg:last-child{position:absolute;top:0;right:0;color:#dcab73}.library-note{display:flex;align-items:center;gap:6px;font-size:10px;color:#9ca78e;margin-top:28px;line-height:1.8}.delete-button:hover{color:#b9584e;background:#fff0ea}.results-section{min-height:calc(100vh - 235px);padding-bottom:45px}.back-button{display:flex;margin-bottom:29px}.results-section>.eyebrow{display:flex}.page-description{font-size:12px;color:#98a189;margin-top:12px;line-height:1.8}.request-summary{display:flex;align-items:center;gap:15px;margin:25px 0;padding:16px;background:#eff3e7;border-radius:8px;font-size:10px;color:#8c9b78}.request-summary>span:first-child{display:flex;align-items:center;gap:6px;color:#5c7547;white-space:nowrap}.request-summary p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.source-label{margin-left:auto;white-space:nowrap;font-size:8px;background:#e6ecd9;padding:5px 7px;border-radius:4px;color:#8a9a72}.results-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.result-card{border:1px solid #e2e8d7;border-radius:12px;background:#fff;overflow:hidden}.result-number{display:flex;align-items:center;justify-content:space-between;padding:17px;font-size:9px;color:#94a280;letter-spacing:1px}.result-number>span{font-size:9px;letter-spacing:0;color:#97a387}.result-art{padding:26px 18px;aspect-ratio:1.1;display:flex;align-items:center;justify-content:center}.result-art .design-preview{max-height:245px;filter:drop-shadow(0 5px 8px #00000012)}.result-footer{padding:18px}.result-footer h3{font-size:13px;font-weight:500;margin-bottom:16px}.result-footer .button{width:100%;font-size:10px}.results-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:25px}.results-bottom p{font-size:10px;color:#9aa88a;display:flex;align-items:center;gap:6px}.generating-card{background:linear-gradient(110deg,#edf2e6,#f9fbf5,#edf2e6);background-size:200% 100%;animation:shimmer 2s infinite;aspect-ratio:.85;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;color:#95ab7c}.generating-card>span{font-size:12px}.loading-line{height:3px;width:60%;background:#e0e9d5;border-radius:3px;overflow:hidden}.loading-line:after{content:"";display:block;width:35%;height:100%;background:#8aa56c;animation:loading 1.5s infinite}.error-state{background:#f7f3e9;border:1px solid #eae1cc;border-radius:12px;text-align:center;padding:48px 24px;color:#9d8960}.error-state h3{font-size:17px;font-weight:500;margin:16px 0}.error-state p{font-size:12px;line-height:1.9;max-width:500px;margin:0 auto}.error-state>div{display:flex;gap:10px;justify-content:center;margin-top:25px}.dialog{border:1px solid #e5e9db;border-radius:17px;width:calc(100% - 36px);max-width:560px;max-height:calc(100dvh - 64px);padding:0;color:var(--green-dark);background:#fffefa;box-shadow:0 24px 80px #20342633;overflow:auto;animation:dialog-in .2s ease-out}.dialog::backdrop{background:#24342766;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dialog-header{padding:20px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eaedde;position:sticky;top:0;background:#fffefa;z-index:2}.dialog-header h2{font-size:18px;font-weight:500;letter-spacing:-.6px}.dialog-wide{max-width:980px}.editor-layout{display:grid;grid-template-columns:1.25fr 1fr;min-height:570px}.editor-canvas{background-color:#eff2e8;background-image:radial-gradient(#c9d4b6 .7px,transparent .7px);background-size:16px 16px;padding:24px 35px;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;min-width:0}.canvas-top{position:absolute;top:25px;left:26px;right:26px;display:flex;justify-content:space-between;gap:12px;font-size:8px;letter-spacing:1px;color:#9ca989}.editor-canvas .design-preview{border-radius:4px;box-shadow:1px 12px 26px #485c3022;max-height:380px;object-fit:contain}.editor-canvas>p{position:absolute;bottom:28px;font-size:9px;color:#9ba787;text-align:center;left:20px;right:20px}.editor-controls{padding:24px 26px 18px}.editor-caption{font-size:10px;color:#9baa88;display:flex;align-items:center;gap:5px;margin-bottom:19px}.field-label{font-size:10px;color:#7b8b68;display:flex;flex-direction:column;gap:7px;margin-bottom:15px}.field-label input,.field-label select{width:100%;padding:11px 12px;font-size:12px;background:#fff;border:1px solid #dde4d2;border-radius:6px;color:#425d30}.editor-fieldset{padding:0;border:0;margin:0 0 17px}.editor-fieldset legend{font-size:10px;color:#7b8b68;margin-bottom:8px}.palette-list{display:flex;gap:8px;flex-wrap:wrap}.palette-button{display:flex;width:41px;height:29px;padding:4px;border:1px solid #e4e9d9;border-radius:5px;overflow:hidden}.palette-button>span{flex:1}.palette-button>span:first-child{border-radius:2px 0 0 2px}.palette-button>span:last-child{border-radius:0 2px 2px 0}.palette-button.selected{outline:2px solid #95aa76;outline-offset:1px}.custom-colors{display:flex;gap:15px;margin-top:13px}.custom-colors label{display:flex;align-items:center;gap:5px;font-size:9px;color:#9aa78a}.custom-colors input{width:21px;height:21px;padding:0;border:0;background:transparent;cursor:pointer}.custom-colors input::-webkit-color-swatch-wrapper{padding:0}.custom-colors input::-webkit-color-swatch{border:1px solid #d4dcc8;border-radius:50%}.layout-options{display:flex;gap:6px}.layout-options button{flex:1;border:1px solid #e0e6d5;border-radius:5px;padding:8px 5px;font-size:9px;color:#95a181}.layout-options button.selected{background:#eef3e4;color:#58743c;border-color:#cfdbbc}.privacy-note{font-size:8px;line-height:1.7;color:#a3ae93;margin:-3px 0 17px}.download-actions{display:flex;gap:8px;margin-top:8px}.download-actions .button{flex:1;font-size:10px;padding:10px;min-width:0}.print-button{justify-content:center;width:100%;margin-top:15px;font-size:10px}.help-content{padding:25px}.help-intro{text-align:center;margin:0 0 28px}.help-flower{display:inline-grid;place-items:center;width:67px;height:67px;background:#edf2e2;border-radius:50%;color:#90a26c;margin-bottom:15px}.help-intro h3{font-size:19px;font-weight:500}.help-intro p{font-size:11px;color:#94a184;margin-top:8px}.help-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:22px}.help-steps li{display:flex;align-items:flex-start;gap:14px}.help-steps li>span{font-size:12px;color:#ad9b78;background:#f3efdf;border-radius:7px;min-width:32px;height:32px;display:grid;place-items:center}.help-steps strong{font-size:12px;font-weight:500;color:#586d42}.help-steps p{font-size:10px;color:#94a283;line-height:1.9;margin-top:5px}.help-note{display:flex;align-items:flex-start;gap:11px;padding:17px;background:#edf2e3;border-radius:8px;margin:25px 0 20px;color:#8da271}.help-note strong{font-size:11px;font-weight:500}.help-note p{font-size:10px;line-height:1.8;margin-top:5px}.help-details{color:#8e9e7b;margin-bottom:22px}.help-details h4{font-size:11px;font-weight:500;margin-bottom:9px;color:#6b8253}.help-details p{font-size:10px;line-height:1.9;margin-bottom:9px}.delete-confirm{padding:25px}.delete-confirm>p{font-size:12px;color:#8a9a77;line-height:2}.delete-confirm strong{color:#586f43}.confirm-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:25px}.toast{position:fixed;bottom:26px;left:calc(50% + var(--sidebar)/2);transform:translate(-50%);display:flex;align-items:center;gap:10px;background:#2c523b;color:#fbfff1;border:1px solid #ffffff20;padding:15px 18px;border-radius:10px;box-shadow:0 6px 30px #21422330;z-index:1000;font-size:12px;max-width:calc(100vw - 40px);width:max-content;animation:dialog-in .2s ease-out;line-height:1.7}.toast-error{background:#8b5b44}.toast>button{display:flex;color:#ffffff91;padding:5px;margin-left:5px}.print-sheet,.mobile-toggle,.sidebar-scrim{display:none}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes arrive{0%{opacity:0;translate:0 9px}to{opacity:1;translate:0 0}}@keyframes dialog-in{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes loading{0%{transform:translate(-100%)}to{transform:translate(400%)}}@media(min-width:1500px){.main-content{padding-left:65px;padding-right:65px}.hero{min-height:330px}.hero h1{font-size:42px}.hero-art{width:450px;max-width:50%;transform:scale(1.1);margin-right:20px}.hero-copy>p{font-size:13px}.tile-art{aspect-ratio:1.3}.creator-inputs{padding-top:24px;padding-bottom:20px}.prompt-examples{margin-bottom:40px}.section-heading h2{font-size:22px}}@media(max-width:1199px){:root{--sidebar:211px}.sidebar{padding-left:15px;padding-right:15px}.main-content,.topbar{padding:0 32px}.brand{font-size:34px}.nav-item{font-size:11px;gap:9px;padding-left:10px;padding-right:10px}.nav-new{font-size:7px}.hero h1{font-size:32px}.hero-art{width:320px;height:225px;transform:scale(.9);transform-origin:center right;margin-left:-25px;max-width:46%}.floating-logo{right:-12px}.floating-card{width:243px;left:-17px}.hero-note{right:-18px}.hero-arrow{right:0}.art-label{right:10px}.hero-star{left:15px}.hero-orbit{left:28px}.creator-privacy{display:none}.name-input-label{width:150px}.creator-inputs{gap:18px}.theme-chip{padding:8px 10px;font-size:9px;gap:5px}.theme-filters{gap:7px}.design-grid{gap:14px}.tile-art{aspect-ratio:1.12}.tile-info h3{font-size:10px}.tile-info p{font-size:7px}.banner-note{display:none}.inner-page{padding-top:34px}.results-grid{gap:13px}.result-footer{padding:14px}.result-footer .button{font-size:9px;padding:10px 8px}}@media(max-width:960px){:root{--sidebar:190px}.sidebar{padding-left:12px;padding-right:12px}.brand-description{font-size:9px;margin-left:9px}.brand-link{margin-left:8px}.brand{font-size:32px}.new-design-button{font-size:11px}.nav-item{padding:13px 8px;font-size:10px;gap:8px}.nav-new{display:none}.sidebar-profile{gap:7px}.profile-icon{width:30px;height:30px}.sidebar-profile strong{font-size:9px}.sidebar-profile div>span{font-size:7px}.main-content{padding:0 26px}.topbar{padding:0 26px;height:66px}.hero{min-height:272px}.hero h1{font-size:29px}.hero-copy>p{font-size:10px}.hero-footnote{font-size:8px;gap:10px}.hero-art{transform:scale(.76);max-width:40%;margin-right:-3px}.floating-card{left:-67px}.floating-logo{right:-5px}.hero-star{left:-23px}.hero-orbit{left:-40px}.hero-note{right:-20px}.hero-arrow{right:-15px}.creator-caption{display:none}.creator-top{padding:11px 15px}.creator-inputs{padding:18px 19px 10px;gap:14px}.name-input-label{width:130px}.creator-inputs label>span:first-child{font-size:8px}.name-input-label input{font-size:13px}.prompt-input-label textarea{font-size:11px}.creator-bottom{padding:0 14px 14px 17px}.button-create{font-size:10px;padding:11px 12px}.prompt-examples{gap:6px}.prompt-examples>span{font-size:8px}.prompt-examples>button{font-size:8px;gap:6px;padding:5px 8px}.section-heading h2{font-size:18px}.section-heading p{font-size:9px}.theme-filters{gap:5px}.theme-chip{font-size:8px;padding:7px 8px;gap:4px}.theme-chip svg{width:14px;height:14px}.design-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.tile-art{aspect-ratio:1.45}.tile-info h3{font-size:11px}.tile-info p{font-size:8px}.inner-page{padding-top:32px}.results-grid{grid-template-columns:1fr}.result-card{display:grid;grid-template-columns:1.2fr 1fr}.result-number{grid-column:1/-1}.result-art{aspect-ratio:1.4}.result-footer{display:flex;justify-content:center;flex-direction:column;padding:24px}.result-footer .button{font-size:10px}.request-summary{flex-wrap:wrap;gap:8px}.request-summary p{order:3;width:100%}.generating-card{aspect-ratio:3}.inner-page h1,.inner-page .section-heading h2{font-size:25px}.library-section .section-heading{align-items:flex-start;flex-direction:column}.editor-layout{grid-template-columns:1fr 1fr}.editor-canvas{padding:20px}.editor-controls{padding:22px 20px}.palette-list{gap:6px}.palette-button{width:36px}.footer>div>span:last-child{font-size:7px}.footer>span{font-size:7px}}@media(max-width:700px){:root{--sidebar:0px}.sidebar{width:238px;transform:translate(-100%);transition:transform .23s ease;z-index:60;padding:28px 20px 0}.sidebar-open{transform:translate(0)}.sidebar-scrim{display:block;position:fixed;inset:0;background:#263a2a66;z-index:59;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.brand-description{font-size:10px;margin-left:12px}.brand{font-size:37px}.nav-item{font-size:12px;padding:14px 12px;gap:11px}.nav-new{display:block;font-size:8px}.new-design-button{font-size:12px}.sidebar-profile strong{font-size:10px}.sidebar-profile div>span{font-size:8px}.profile-icon{width:35px;height:35px}.main-shell{margin:0}.topbar{height:64px;padding:0 20px;position:sticky;top:0;z-index:20;background:#fbfcf9f5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mobile-toggle{display:inline-flex;width:26px}.desktop-crumb{display:none}.breadcrumb{gap:10px}.breadcrumb strong{font-size:11px}.topbar-right{gap:15px}.help-top{display:none}.mode-badge{font-size:9px}.avatar{width:28px;height:28px;font-size:21px;line-height:24px}.main-content{padding:0 21px}.hero{min-height:275px;padding-top:32px;padding-bottom:28px}.hero h1{font-size:30px;letter-spacing:-1.6px}.hero-copy>p{font-size:10px}.eyebrow{font-size:7px;letter-spacing:1.5px}.hero-art{height:205px;max-width:36%;transform:scale(.64);margin-left:-70px;transform-origin:center right}.floating-card{width:224px;left:-137px;top:102px}.floating-logo{right:0;top:20px;width:145px;height:153px}.hero-orbit{left:-100px}.hero-dots{left:-80px}.hero-star{left:-96px;top:31px}.art-label{display:none}.hero-note{right:-12px;bottom:-6px}.hero-arrow{bottom:20px;right:-21px}.hero-footnote{font-size:8px;flex-direction:column;gap:5px}.creator-top{padding:11px}.creation-tabs{gap:2px}.creation-tabs button{padding:8px 10px;font-size:10px}.creator-inputs{flex-direction:column;gap:13px;padding:17px 17px 12px}.name-input-label{width:100%;display:flex;align-items:center;gap:15px}.creator-inputs .name-input-label>span:first-child{margin:0;font-size:9px;white-space:nowrap}.name-input-label input{font-size:13px}.input-divider{height:1px;width:100%;margin:0}.creator-inputs .prompt-input-label>span:first-child{font-size:9px;margin-bottom:7px}.prompt-input-label textarea{font-size:11px;min-height:55px}.creator-bottom{padding:0 13px 13px;gap:8px}.theme-select select{font-size:9px;padding-right:0;max-width:135px}.theme-select{gap:4px}.theme-select>svg{width:12px}.button-create{font-size:9px;padding:10px 11px;gap:5px;min-height:38px}.button-create>svg{width:14px}.button-create>svg:last-child{display:none}.prompt-examples{margin:12px 0 30px;gap:6px}.prompt-examples>span{width:100%;margin-bottom:2px;font-size:9px}.prompt-examples>button{font-size:8px;padding:5px 8px}.section-heading{gap:9px;margin-bottom:18px;align-items:center}.section-heading h2{font-size:18px;letter-spacing:-.8px}.section-heading p{font-size:9px;margin-top:7px;line-height:1.7}.section-heading>.text-button{font-size:9px;white-space:nowrap;gap:4px}.section-heading>.text-button svg{width:13px}.theme-filters{gap:6px;margin:0 -21px 18px;padding:0 21px 4px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.theme-filters::-webkit-scrollbar{display:none}.theme-chip{font-size:10px;padding:8px 11px;gap:5px}.design-grid{gap:16px 12px}.tile-art{aspect-ratio:1.13}.tile-info{padding:10px 1px}.tile-info h3{font-size:11px}.tile-info p{font-size:8px}.tile-type{font-size:7px;top:9px;left:9px}.tile-pick{font-size:6px;top:11px;right:8px}.tile-design{width:85%}.tile-logo{width:65%}.tile-use{width:23px;height:23px}.bottom-banner{padding:17px 14px;gap:12px;margin:24px 0}.bottom-banner h3{font-size:10px}.bottom-banner p{font-size:8px;line-height:1.8}.banner-icon{width:27px}.footer{padding:20px 0}.brand-small{font-size:19px}.footer>div{gap:10px}.footer>div>span:last-child{font-size:7px}.footer>span{display:none}.inner-page{padding-top:28px}.inner-page .section-heading{align-items:flex-start}.inner-page h1,.inner-page .section-heading h2{font-size:25px}.inner-page .section-heading p{font-size:11px}.template-count{display:none}.inner-page .eyebrow{font-size:8px;margin-bottom:9px}.inner-page .theme-filters{margin-bottom:20px}.gallery-toolbar{align-items:flex-start;flex-direction:column;gap:16px}.search-field{max-width:none;padding:11px 12px}.type-filters{gap:18px}.type-filters button{font-size:11px}.inner-page .templates-section,.library-section{min-height:calc(100dvh - 186px);padding-bottom:30px}.empty-state{padding:48px 19px}.empty-state h3{font-size:15px}.empty-state p{font-size:10px}.library-section .section-heading{gap:20px}.library-section .gallery-toolbar{flex-direction:row;align-items:center}.library-section .search-field{max-width:220px;width:66%}.library-total{font-size:10px;white-space:nowrap}.library-note{font-size:9px;align-items:flex-start}.library-note svg{margin-top:2px}.library-empty h2{font-size:19px}.request-summary{margin:21px 0;padding:13px}.page-description{font-size:11px}.back-button{font-size:10px;margin-bottom:25px}.result-card{display:block}.result-art{aspect-ratio:1.6;padding:28px}.result-art .design-preview{max-height:220px}.result-footer{padding:18px}.result-footer h3{margin-bottom:12px}.result-number{padding:15px;font-size:9px}.results-bottom{flex-direction:column;gap:20px;align-items:center}.results-bottom p{font-size:9px}.error-state{padding:35px 17px}.error-state h3{font-size:15px}.error-state p{font-size:11px}.error-state .button{font-size:10px;padding:10px 12px}.dialog{width:calc(100% - 24px);max-height:calc(100dvh - 30px);border-radius:13px}.dialog-header{padding:15px 18px}.dialog-header h2{font-size:17px}.editor-layout{display:flex;flex-direction:column}.editor-canvas{min-height:270px;padding:50px 39px 45px}.editor-canvas .design-preview{max-height:230px;max-width:370px;filter:drop-shadow(0 7px 10px #485c3022);box-shadow:none}.canvas-top{font-size:7px;top:17px;left:20px;right:20px}.editor-canvas>p{bottom:16px;font-size:8px}.editor-controls{padding:20px 22px}.editor-caption{font-size:10px;margin-bottom:18px}.field-label{font-size:11px;margin-bottom:17px}.field-label input,.field-label select{font-size:13px;padding:12px}.editor-fieldset legend{font-size:11px}.palette-button{width:42px;height:30px}.palette-list{gap:10px}.custom-colors{gap:19px;margin-top:15px}.custom-colors label{font-size:10px}.layout-options button{font-size:10px;padding:10px}.privacy-note{font-size:9px;line-height:1.8}.editor-controls>.button{font-size:12px;padding:13px}.download-actions .button{font-size:11px;padding:12px}.print-button{font-size:11px;margin-top:18px;margin-bottom:4px}.toast{font-size:11px;bottom:20px;max-width:calc(100vw - 28px);padding:12px 14px;gap:7px}.help-content{padding:22px 20px}.help-intro h3{font-size:18px}.help-steps p,.help-note p,.help-details p{font-size:11px}.help-steps strong{font-size:13px}.help-details h4,.help-note strong{font-size:12px}.help-details{margin-bottom:20px}.delete-confirm{padding:22px}.confirm-actions .button{font-size:10px}.generating-card{aspect-ratio:2}}@media(max-width:380px){.main-content{padding-left:17px;padding-right:17px}.hero h1{font-size:27px}.hero-copy>p{font-size:9px}.hero-art{transform:scale(.54);margin-left:-100px;max-width:29%;margin-right:-4px}.floating-card{left:-172px}.hero-star{left:-125px}.hero{min-height:260px}.name-input-label{gap:10px}.name-input-label input{font-size:12px}.section-heading h2{font-size:17px}.section-heading p{font-size:8px}.theme-filters{margin-left:-17px;margin-right:-17px;padding-left:17px;padding-right:17px}.tile-info p{font-size:7px}.tile-use{display:none}.button-create{padding:10px 8px}.creator-bottom{padding-left:11px;padding-right:11px}.theme-select select{max-width:128px}.palette-list{gap:7px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@page{size:A4 portrait;margin:10mm 15mm}.print-sheet{display:none}@media print{html,body{margin:0!important;padding:0!important;width:210mm!important;background:#fff!important;overflow:visible!important}.app-shell,.dialog,.toast,dialog::backdrop{display:none!important}.print-sheet{display:block!important}.print-page{display:grid!important;grid-template-columns:repeat(var(--cols,2),var(--card-w,90mm));grid-template-rows:repeat(var(--rows,5),var(--card-h,50mm));width:calc(var(--cols,2)*var(--card-w,90mm));gap:0;page-break-after:always;print-color-adjust:exact;-webkit-print-color-adjust:exact}.print-page:last-child{page-break-after:auto}.print-card{width:var(--card-w,90mm);height:var(--card-h,50mm);outline:.15mm dashed #b3b3b3;outline-offset:-.15mm;break-inside:avoid;overflow:hidden}.print-card .design-preview{display:block!important;width:var(--card-w,90mm)!important;height:var(--card-h,50mm)!important;max-width:none!important;max-height:none!important}.print-card .design-preview>svg{width:var(--card-w,90mm)!important;height:var(--card-h,50mm)!important}}.design-preview>svg{display:block;width:100%;height:auto}.tile-side-toggle{display:flex;gap:4px;margin-top:6px}.tile-side-toggle button{font-size:10px;padding:3px 10px;border-radius:999px;border:1px solid #d8dcc8;background:#fbfaf3;color:#788572;cursor:pointer}.tile-side-toggle button.selected{background:#37593f;border-color:#37593f;color:#fdfcf6}.gallery-more{display:flex;justify-content:center;margin-top:18px}.gallery-more-count{opacity:.65;margin-left:4px}.editor-feedback{font-size:10px;line-height:1.8;padding:10px 12px;background:#eef4e5;color:#647f4a;border-radius:6px;margin-bottom:12px}.editor-feedback-error{background:#faeae1;color:#aa684b}@media(max-width:700px){.sidebar:not(.sidebar-open){visibility:hidden}.sidebar.sidebar-open{visibility:visible}.editor-canvas .design-preview>svg{max-height:230px}.floating-logo .design-preview>svg{height:100%}}.nav-item,.new-design-button{font-size:13px}.brand-description{font-size:11px}.nav-section-label{font-size:10px}.breadcrumb,.breadcrumb strong{font-size:12px}.mode-badge{font-size:11px}.hero-copy>p{font-size:14px;color:#788572}.hero-footnote{font-size:11px}.hero .eyebrow{font-size:10px}.creator-inputs label>span:first-child{font-size:11px;color:#89947e}.name-input-label input{font-size:16px}.prompt-input-label textarea{font-size:14px}.creation-tabs button{font-size:12px}.creator-caption{font-size:10px}.theme-select select{font-size:12px}.creator-privacy{font-size:10px}.button-create{font-size:12px}.prompt-examples,.prompt-examples>button{font-size:11px}.section-heading h2{font-size:22px}.section-heading p{font-size:12px;color:#88967a}.text-button,.theme-chip{font-size:12px}.tile-info h3{font-size:13px}.tile-info p{font-size:10px;color:#89957d}.bottom-banner h3{font-size:13px}.bottom-banner p,.banner-note{font-size:11px}.field-label,.editor-fieldset legend{font-size:12px}.field-label input,.field-label select{font-size:14px}.editor-caption,.layout-options button{font-size:11px}.privacy-note{font-size:10px}.editor-controls .button{font-size:12px}.print-button,.editor-feedback{font-size:11px}.search-field input,.type-filters button{font-size:12px}.library-note{font-size:11px}.topbar .icon-button{width:36px;height:36px}@media(min-width:701px)and (max-width:1100px){.nav-item{font-size:11px}.hero-copy>p{font-size:12px}.hero-footnote{font-size:9px}.theme-chip{font-size:10px}.creator-privacy{display:none}.creator-inputs{gap:16px}.prompt-input-label textarea{font-size:12px}.prompt-examples,.prompt-examples>button{font-size:9px}.section-heading p,.theme-select select,.button-create{font-size:11px}.tile-info h3{font-size:12px}}@media(max-width:700px){.nav-item{font-size:14px}.new-design-button{font-size:13px}.hero{display:block;min-height:292px;padding:28px 0 25px}.hero h1{font-size:30px}.hero .eyebrow{font-size:8px}.hero-copy>p{font-size:11px;max-width:235px}.hero-footnote{font-size:10px;margin-top:14px;gap:6px}.hero-art{position:absolute;right:0;bottom:23px;width:141px;height:92px;max-width:none;transform:none;margin:0;pointer-events:none}.floating-card{top:10px;left:2px;width:137px;border-width:3px}.floating-logo,.hero-orbit,.hero-dots,.hero-arrow,.hero-note{display:none}.hero-star{top:-13px;left:109px}.hero-star svg{width:20px;height:20px}.creator-inputs .name-input-label>span:first-child,.creator-inputs .prompt-input-label>span:first-child{font-size:11px}.name-input-label{gap:12px}.name-input-label input{font-size:15px}.prompt-input-label textarea{font-size:13px;min-height:67px}.creation-tabs button{font-size:12px}.creator-bottom{gap:5px}.theme-select select{font-size:10px;max-width:139px}.button-create{font-size:11px;padding:11px}.prompt-examples>span{font-size:10px}.prompt-examples>button{font-size:9px;gap:6px}.section-heading h2{font-size:19px}.section-heading p{font-size:10px}.section-heading>.text-button{font-size:10px}.theme-chip{font-size:11px;min-height:38px}.tile-info h3{font-size:12px}.tile-info p{font-size:9px}.bottom-banner h3{font-size:11px}.bottom-banner p{font-size:9px}.breadcrumb strong{font-size:12px}.mode-badge{font-size:10px}.brand-small{font-size:19px}.library-note{font-size:10px}.editor-controls .button{min-height:44px}.layout-options button{min-height:39px}.field-label input,.field-label select{font-size:16px}.palette-button{min-height:33px}.hero-footnote{max-width:190px}}@media(max-width:380px){.hero h1{font-size:27px}.hero-copy>p{font-size:10px}.hero-art{width:121px;bottom:26px}.floating-card{width:119px}.hero-star{left:90px}.hero-footnote{font-size:9px}.creator-inputs .name-input-label>span:first-child{font-size:10px}.name-input-label input{font-size:14px}.theme-select select{max-width:127px;font-size:9px}.button-create{font-size:10px}.prompt-examples>button{font-size:8px}.tile-info p{font-size:8px}}.topbar .help-top{display:inline-flex}.account-button{display:flex;align-items:center;gap:8px;min-height:40px;font-size:12px;font-weight:600;color:#355740;border-radius:8px;padding:4px 7px}.account-button:hover{background:#edf2e7}.account-button .avatar{font-family:inherit;font-size:15px;line-height:31px}.generation-mode{display:flex;align-items:center;gap:18px;margin:0 20px 12px;padding:12px 0 0;border-top:1px solid #f0f1e9}.generation-mode>div{display:flex;gap:4px;flex-shrink:0;background:#f4f6ef;border-radius:8px;padding:3px}.generation-mode button{display:flex;align-items:center;gap:6px;padding:8px 10px;border-radius:6px;font-size:11px;color:#809075}.generation-mode button.selected{background:#fff;box-shadow:0 1px 4px #3246280d;color:#32563f;font-weight:700}.generation-mode p{font-size:10px;line-height:1.7;color:#829078}.contact-fields{padding:16px 0!important;border-top:1px solid #e5e9de!important;border-bottom:1px solid #e5e9de!important;margin:20px 0!important}.contact-fields legend{padding:0 7px 0 0}.contact-fields legend span{font-family:DM Sans,sans-serif;color:#879474;margin-left:7px;font-size:10px}.field-hint{font-size:11px;color:#7e8b75;line-height:1.8}.contact-add-options{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.contact-add-options button{display:flex;gap:3px;align-items:center;border:1px solid #dfe7d4;background:#f6f8f1;border-radius:6px;padding:7px 8px;font-size:10px;color:#667a58}.contact-add-options button:hover{background:#e9f0df}.contact-row{border:1px solid #e4e8de;border-radius:8px;background:#fafbf7;padding:9px 10px 12px;margin-bottom:8px}.contact-row-heading{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#91a082;margin-bottom:7px}.contact-row-heading>div{display:flex}.contact-row-heading .icon-button{height:26px;width:28px}.contact-row-inputs{display:grid;grid-template-columns:90px minmax(0,1fr);gap:8px}.contact-row .field-label{margin-bottom:0;gap:5px;font-size:9px}.contact-row .field-label input{font-size:11px;padding:9px 8px;width:100%;background:#fff}.contact-fields>.privacy-note{margin:12px 0 0}.editor-share{margin-top:9px}.editor-canvas{position:sticky;top:0;align-self:start;min-height:480px}.editor-canvas .design-preview{width:100%}.auth-content,.sharing-content{padding:28px 30px}.auth-description{font-size:13px;line-height:1.9;color:#7b8874;margin-bottom:22px}.auth-fields{border:0;padding:0;margin:0;min-width:0}.auth-fields .field-label{margin-bottom:18px}.auth-fields .field-label input{width:100%}.auth-content .button,.sharing-content .button{font-size:12px;min-height:43px}.auth-divider{display:flex;align-items:center;gap:13px;color:#9aa18f;font-size:10px;margin:17px 0}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:#e6eade;flex:1}.google-letter{font:700 18px DM Sans,sans-serif;color:#4285f4}.auth-links{display:flex;flex-wrap:wrap;justify-content:space-between;gap:15px;margin:24px 0 10px;font-size:11px;color:#7d8e6e}.auth-links button{display:flex;align-items:center;gap:5px}.connection-notice{padding:17px;border:1px solid #e1e7d7;border-radius:10px;background:#f3f6ec;color:#6d7c60;margin:16px 0 20px;line-height:1.8}.connection-notice>svg{display:block;margin-bottom:10px}.connection-notice strong{font-size:12px}.connection-notice p{font-size:11px;margin:5px 0}.connection-notice .button{margin-top:14px}.account-summary{text-align:center;padding:10px 0 24px;color:#68845c}.account-summary>svg{margin:0 auto 12px}.account-summary h3{font-size:19px;color:#38533c;margin-bottom:8px}.account-summary p{font-size:12px;color:#86937b;overflow-wrap:anywhere}.auth-content .editor-feedback,.sharing-content .editor-feedback{margin:16px 0 0}.share-preview{background:#eff2e8;padding:15px;border-radius:10px;margin:15px 0}.share-preview-logo{max-width:280px;margin:15px auto}.share-checkbox{display:flex;align-items:flex-start;gap:10px;margin:20px 0;cursor:pointer}.share-checkbox input{width:17px;height:17px;accent-color:#345840;margin-top:2px;flex-shrink:0}.share-checkbox strong{display:block;font-size:12px;color:#46623e}.share-checkbox small{display:block;font-size:10px;line-height:1.8;margin-top:5px;color:#8c967f}.sharing-content>.privacy-note{margin-bottom:20px}.share-links{border-top:1px solid #e5eadd;margin-top:24px;padding-top:20px}.share-links h3{font-size:13px;margin-bottom:15px}.share-link{padding:14px;background:#f7f8f2;border:1px solid #e4e9dc;border-radius:9px;margin-bottom:12px}.share-link-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.share-link-title strong{font-size:12px}.share-link-title span{font-size:10px;color:#8a977e;flex-shrink:0}.share-link input{width:100%;border:1px solid #dce5d5;border-radius:5px;background:#fff;padding:9px;font:11px DM Sans,sans-serif;color:#657a57}.share-link-actions{display:flex;justify-content:space-between;gap:8px;margin-top:13px}.share-link-actions .text-button{font-size:10px;gap:5px;text-decoration:none}.revoke-confirm{margin-top:14px;padding-top:12px;border-top:1px solid #e1e6da}.revoke-confirm p{font-size:11px;line-height:1.8;margin-bottom:10px}.revoke-confirm>div{display:flex;justify-content:flex-end;gap:8px}.revoke-confirm .button{min-height:34px;font-size:10px}.library-tools{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.import-list{display:flex;flex-wrap:wrap;gap:7px;max-height:180px;overflow:auto;margin-bottom:20px}.import-list span{padding:7px 10px;border:1px solid #e2e8d7;background:#f3f6eb;border-radius:7px;font-size:11px}.shared-page{min-height:100vh;background:#fafbf7}.shared-page>header{height:90px;border-bottom:1px solid #e7eadf;max-width:1100px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:20px 35px}.shared-page>header>span{font-size:12px;color:#90a07e}.shared-content{max-width:840px;margin:auto;text-align:center;padding:50px 28px}.shared-content>h1{font-size:30px;margin:13px 0;color:#34513b}.shared-content>p{font-size:13px;line-height:1.9;color:#8a987f}.shared-art{padding:28px;background:#edf1e6;border-radius:16px;margin:32px 0;box-shadow:0 16px 35px #3c56300b}.shared-art-logo{max-width:460px;margin:32px auto}.shared-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:0 0 16px}.shared-actions .button,.shared-content>.button{font-size:12px;min-height:44px}.shared-content>.privacy-note{margin-top:18px;font-size:11px}@media(max-width:700px){.topbar-right{gap:7px}.account-button{font-size:11px;gap:5px}.mode-badge{display:none}.generation-mode{display:block;margin:0 15px 9px;padding-top:10px}.generation-mode>div{width:max-content}.generation-mode button{min-height:35px;font-size:11px}.generation-mode p{font-size:10px;margin-top:9px}.contact-row-inputs{grid-template-columns:86px minmax(0,1fr)}.contact-row .field-label input{font-size:16px;padding:10px 7px}.contact-row .field-label{font-size:10px}.contact-add-options button{min-height:36px;font-size:11px}.contact-row-heading .icon-button{height:32px;width:34px}.editor-canvas{position:static;min-height:0}.editor-canvas .design-preview{max-width:100%}.auth-content,.sharing-content{padding:23px 20px}.auth-description{font-size:12px}.auth-fields .field-label input{font-size:16px}.share-checkbox strong{font-size:12px}.share-checkbox small{font-size:11px}.library-tools{gap:12px}.library-tools .text-button{font-size:10px}.library-section .gallery-toolbar{flex-wrap:wrap;gap:16px}.shared-page>header{height:75px;padding:20px}.shared-page>header>span{font-size:9px}.shared-content{padding:32px 18px}.shared-content>h1{font-size:26px}.shared-content>p{font-size:11px}.shared-art{padding:12px;margin:24px 0}.shared-actions{gap:6px}.shared-actions .button{font-size:11px;padding:11px}.sidebar-profile strong{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.topic-browser{margin:18px 0 36px;padding:16px 20px;border:1px solid #e3e9d9;border-radius:12px;background:#f5f8ee;color:#506845}.topic-browser summary{cursor:pointer;font-size:12px;font-weight:650;line-height:1.8}.topic-browser summary span{font-weight:400;color:#839377;margin-left:14px}.topic-options{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.topic-options button{border:1px solid #dce5d2;border-radius:20px;background:#fff;padding:8px 12px;font-size:11px;color:#536d46}.topic-options button:hover{background:#e7eedc;border-color:#9fb487}.topic-browser>p{font-size:11px;line-height:1.8;color:#7d8d72;margin-top:13px}.composition-insight{display:flex;align-items:center;gap:14px;margin:0 0 25px;border:1px solid #dfe8d5;border-radius:12px;background:#f3f7eb;padding:18px 20px}.insight-icon{width:39px;height:39px;display:grid;place-items:center;flex-shrink:0;background:#e2ecd5;border-radius:11px;color:#567549}.composition-insight>div{flex:1;min-width:0}.composition-insight strong{font-size:13px;color:#46633a}.composition-insight p{font-size:12px;line-height:1.8;color:#75866a;margin:5px 0 0;overflow-wrap:anywhere}.matched-topics{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.matched-topics span{padding:4px 9px;border-radius:5px;background:#e3edda;font-size:10px;color:#5a754b}.no-ai-badge{font-size:10px;padding:6px 10px;background:#fff;border:1px solid #dfe7d7;border-radius:20px;white-space:nowrap;color:#698558}.composition-fallback{background:#fcf8ee;border-color:#ece2cc}.composition-fallback .insight-icon{background:#f2e8d2;color:#957b4f}.composition-fallback strong{color:#8b744c}.composition-end{font-size:12px;line-height:1.8;color:#8b7954;text-align:center;margin-top:15px}.ai-redraw{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 0;margin-top:24px;border-top:1px solid #e6ebdf}.ai-redraw p{font-size:12px;line-height:1.8;color:#697d5c}.ai-redraw small{color:#8a9880}.ai-redraw button{font-size:12px;flex-shrink:0}.generation-mode p{max-width:470px}.error-state>div{flex-wrap:wrap}@media(max-width:700px){.topic-browser{padding:14px 16px;margin:16px 0 27px}.topic-browser summary span{display:block;margin:4px 0 0 14px;font-size:10px}.topic-options button{font-size:12px;min-height:38px}.composition-insight{padding:15px;gap:10px;flex-wrap:wrap;align-items:flex-start}.composition-insight>div{flex-basis:calc(100% - 55px)}.composition-insight p{font-size:11px}.no-ai-badge{margin-left:49px}.ai-redraw{align-items:flex-start;flex-direction:column}.results-bottom{gap:14px}.results-bottom p{font-size:10px}.generation-mode>div{max-width:100%}}.side-tabs{display:flex;align-items:center;gap:5px;background:#f1f4ea;border-radius:9px;padding:4px;margin-bottom:14px}.side-tabs>button{flex:0 0 auto;padding:8px 14px;border-radius:7px;font-size:12px;color:#7d8c72}.side-tabs>button.selected{background:#fff;color:#2e5138;font-weight:700;box-shadow:0 1px 4px #2e46340f}.side-tabs>.actual-size-toggle{margin-left:auto;display:flex;align-items:center;gap:5px;font-size:10px;color:#85947b}.editor-tabs{display:flex;gap:5px;background:#f1f4ea;border-radius:9px;padding:4px;margin:14px 0}.editor-tabs:empty{display:none}.editor-tabs button{flex:1;padding:9px 10px;border-radius:7px;font-size:12px;font-weight:600;color:#7d8c72;text-align:center}.editor-tabs button.selected{background:#fff;color:#2e5138;font-weight:700;box-shadow:0 1px 4px #2e46340f}.canvas-frame{display:flex;gap:14px;justify-content:center}.canvas-frame-both>.side-preview{flex:1;min-width:0}.side-preview-actual .design-preview>svg{width:90mm!important;height:auto}.canvas-caption{font-size:11px;color:#85947b;text-align:center;margin-top:12px}.common-fields legend,.side-fields legend{font-weight:700}.show-toggles{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.show-toggles button{border:1px solid #dfe7d4;background:#f6f8f1;border-radius:16px;padding:7px 12px;font-size:11px;color:#667a58}.show-toggles button.selected{background:#e4eed6;border-color:#9fb487;color:#3f5d33;font-weight:700}.layout-note{color:#a5724a!important;background:#fbf3e9;border-radius:6px;padding:8px 10px;margin-top:10px}.export-panel{border-top:1px solid #e5e9de;margin-top:22px;padding-top:18px}.export-panel>h3,.web-images-panel>h3{display:flex;align-items:center;gap:8px;font-size:14px;color:#38533c;margin-bottom:12px}.print-settings{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.print-settings .field-hint{grid-column:1/-1}.download-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:14px}.download-grid .button{font-size:11px;min-height:40px}.zip-builder{border:1px solid #e4e9dc;border-radius:10px;background:#fafbf6;padding:12px 14px}.zip-builder summary{cursor:pointer;font-size:12px;font-weight:650;color:#46623e}.zip-builder summary span{font-weight:400;color:#8a977e;margin-left:8px;font-size:10px}.zip-selection{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;margin:12px 0}.zip-option{display:flex;align-items:center;gap:8px;font-size:11px;color:#5a6e50;cursor:pointer}.zip-option input{width:15px;height:15px;accent-color:#345840;flex-shrink:0}.zip-progress{height:6px;background:#e8eee0;border-radius:4px;margin-top:10px;overflow:hidden}.zip-progress>div{height:100%;background:#5c8a52;border-radius:4px;transition:width .2s}.zip-failures{margin-top:12px;padding:12px;border:1px solid #ecd9c9;border-radius:8px;background:#fdf4ec}.zip-failures strong{font-size:12px;color:#9c5f3a}.zip-failures ul{font-size:11px;color:#8a6a50;margin:8px 0 10px;padding-left:18px;line-height:1.7}.zip-done{display:flex;align-items:center;gap:5px;margin-top:12px}.web-images-panel{border-top:1px solid #e5e9de;margin-top:22px;padding-top:18px}.web-image-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.web-image-tile{border:1px solid #e4e9dc;border-radius:10px;background:#fafbf6;padding:10px}.web-image-art{border-radius:6px;overflow:hidden;background:#eef1e6}.web-image-art .design-preview{display:block}.web-image-info{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-top:9px}.web-image-info strong{font-size:11px;color:#3d5a42}.web-image-info span{font-size:9px;color:#8a977e;white-space:nowrap}.web-customized{font-style:normal;background:#e2ecd5;color:#4b6b3a;border-radius:4px;padding:1px 5px;margin-left:5px;font-size:8px}.web-image-actions{display:flex;justify-content:space-between;gap:8px;margin-top:7px}.web-mode-options{display:flex;gap:5px;margin-top:9px}.web-mode-options button{flex:1;border:1px solid #e0e6d5;border-radius:5px;padding:6px 4px;font-size:9px;color:#95a181;background:#fff}.web-mode-options button.selected{background:#eef3e4;color:#58743c;border-color:#cfdbbc;font-weight:600}.web-image-hidden .web-image-art{position:relative}.web-preview-dimmed{opacity:.25;filter:grayscale(.6)}.web-hidden-badge{position:absolute;inset:auto 8px 8px;display:flex;align-items:center;justify-content:center;gap:5px;background:#ffffffe6;border-radius:6px;padding:7px;font-size:9px;color:#7d8a6e}.zip-option-capped{opacity:.45}.web-image-actions .text-button{font-size:10px;display:flex;align-items:center;gap:4px}.web-image-editor{margin-top:10px;border-top:1px dashed #dde4d2;padding-top:10px}.web-image-editor .field-label{font-size:10px;margin-bottom:8px}.web-image-editor .field-label input{font-size:12px;padding:8px}.web-contact-choice{border:0;padding:0;margin:8px 0}.web-contact-choice legend{font-size:10px;color:#7d8c72;margin-bottom:6px}.collection-page{max-width:860px;margin:0 auto}.collection-page>h1{font-size:28px;color:#33513a;margin:8px 0 12px;letter-spacing:-1px}.collection-tips{list-style:none;padding:0;margin:18px 0;display:grid;gap:8px}.collection-tips li{display:flex;align-items:center;gap:8px;font-size:13px;color:#5a7050}.collection-subheading{display:flex;align-items:center;gap:8px;font-size:16px;color:#38533c;margin:30px 0 14px}.collection-example-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.collection-example{border:1px solid #e3e9d9;border-radius:12px;background:#f7f9f1;padding:16px;text-align:left;display:flex;flex-direction:column;gap:8px}.collection-example:hover{background:#eef3e4;border-color:#b5c69b}.collection-example strong{font-size:14px;color:#38533c}.collection-example span{font-size:11px;line-height:1.7;color:#78876e}.collection-example em{font-style:normal;font-size:11px;color:#4b6b3a;display:flex;align-items:center;gap:5px;font-weight:700}.ad-slot{margin:34px 0}.ad-slot-label{font-size:9px;letter-spacing:1.4px;color:#a3ad99;display:block;text-align:center;margin-bottom:6px}.ad-slot-frame{min-height:90px;border:1px dashed #dde3d3;border-radius:10px;background:#f7f9f2}.monetize-block{border-top:1px solid #e5e9de;margin-top:20px;padding-top:16px}.monetize-block h3{display:flex;align-items:center;gap:8px;font-size:13px;color:#38533c;margin-bottom:8px}.monetize-block p{font-size:11px;line-height:1.8;color:#7b8874;margin-bottom:10px}.monetize-block ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}.monetize-block li{display:flex;align-items:baseline;gap:10px;font-size:12px}.monetize-block li a{display:flex;align-items:center;gap:4px;color:#2f5d40;font-weight:700;text-decoration:none}.monetize-block li span{font-size:10px;color:#8a977e}.affiliate-disclosure{display:flex;align-items:flex-start;gap:6px;background:#f4f6ec;border-radius:8px;padding:9px 11px}.share-preview-duplex{display:grid;grid-template-columns:1fr 1fr;gap:10px}.shared-art-duplex{display:grid;grid-template-columns:1fr 1fr;gap:16px;text-align:center}.shared-side span{display:block;font-size:10px;color:#85947b;margin-top:8px}@media(max-width:700px){.print-settings,.download-grid,.zip-selection,.web-image-grid,.collection-example-list,.share-preview-duplex,.shared-art-duplex{grid-template-columns:1fr}.canvas-frame-both{flex-direction:column}.collection-page>h1{font-size:23px}.side-tabs>button{padding:9px 10px;font-size:11px}}.collection-links{margin:0 0 36px}.collection-link-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.collection-link{border:1px solid #e3e9d9;border-radius:12px;background:#f7f9f1;padding:16px;text-align:left;display:flex;flex-direction:column;gap:8px;cursor:pointer}.collection-link:hover{background:#eef3e4;border-color:#b5c69b}.collection-link strong{font-size:13px;color:#46633a}.collection-link span{font-size:11px;line-height:1.7;color:#75866a;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.collection-link em{font-style:normal;font-size:11px;font-weight:650;color:#5a754b;display:inline-flex;align-items:center;gap:5px;margin-top:2px}@media(max-width:700px){.collection-link-grid{grid-template-columns:1fr 1fr}}.play-page{max-width:1060px;margin:0 auto;padding:32px 20px 64px}.play-hero{text-align:center;margin:12px 0 28px}.play-eyebrow{font-size:12px;letter-spacing:.14em;color:var(--green-deep, #2F5A40);font-weight:700}.play-hero h1{font-size:26px;margin:8px 0}.play-hero p{color:#5c665e;max-width:560px;margin:0 auto}.play-concept-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}.play-concept{display:flex;flex-direction:column;gap:10px;padding:12px;border:1px solid #e5ddcc;border-radius:16px;background:#fffdf8;cursor:pointer;text-align:left}.play-concept:hover{border-color:#9dbf9a;box-shadow:0 6px 18px #2f5a4014}.play-concept-canvas svg,.play-preview-canvas svg{width:100%;height:auto;display:block;border-radius:8px}.play-panel{max-width:560px;margin:0 auto;display:flex;flex-direction:column;gap:14px}.play-panel h2{display:flex;align-items:center;gap:8px;font-size:20px}.play-concept-chip{display:inline-block;background:#eef4ea;color:#2f5a40;border-radius:999px;padding:4px 12px;font-size:13px}.play-choices{display:flex;flex-wrap:wrap;gap:8px}.play-choices button{border:1px solid #ddd3bd;background:#fffdf8;border-radius:999px;padding:8px 14px;cursor:pointer;font-size:14px}.play-choices button.selected{background:#2f5a40;border-color:#2f5a40;color:#fff}.play-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:18px}.play-note{text-align:center;margin-top:18px;color:#6a7268}.play-handoff{text-align:center;padding-top:15vh;display:flex;flex-direction:column;align-items:center;gap:16px}.play-result{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px}.play-preview{margin:0}.play-preview figcaption{text-align:center;font-size:13px;color:#6a7268;margin-top:6px}.play-pair-result{display:block}.play-pair-fronts,.play-concept-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.play-common-back{max-width:460px;margin:22px auto}.play-common-back summary{cursor:pointer;padding:12px;color:#2f5a40;text-align:center}.play-edit{max-width:780px;margin:24px auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;border:1px solid #dedfce;border-radius:16px;padding:20px}.play-edit label{display:flex;flex-direction:column;gap:8px;font-size:14px}.play-edit input,.play-edit select{min-width:0;width:100%;padding:10px;border:1px solid #d7dccf;border-radius:8px;background:#fff;font:inherit}.play-edit .play-check{flex-direction:row;align-items:center}.play-edit .play-check input{width:auto}@media(max-width:600px){.play-edit{grid-template-columns:1fr}.play-pair-fronts{gap:6px}.play-pair-fronts figcaption{font-size:11px}}.logo-refine{display:flex;flex-wrap:wrap;align-items:end;gap:16px;margin:24px 0;padding:22px;border:1px solid #ddd9ed;border-radius:20px;background:#faf9ff}.logo-refine label{display:grid;gap:8px;flex:1 1 200px;font-size:13px;font-weight:700}.logo-refine input{width:100%;min-width:0;padding:12px;border:1px solid #cec9dd;border-radius:10px;background:#fff;color:#27233d}.logo-refine p{flex-basis:100%;margin:0;font-size:12px;color:#625b75}.logo-results .results-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.logo-results .result-card{display:block;min-width:0}.logo-results .result-art{aspect-ratio:1;padding:0;overflow:hidden}.logo-results .result-art .design-preview{width:100%;max-width:none;height:100%;max-height:none;box-shadow:none}.logo-results .result-art svg{width:100%;height:100%;display:block}.logo-results .result-number{padding:12px;font-size:10px}.logo-results .result-footer{padding:12px}.logo-results .result-footer h3{display:none}.logo-results .result-footer .button{width:100%;padding:10px 6px;font-size:11px}.logo-result-count{color:#596653;font-size:13px}.logo-results .matched-topics{max-height:110px;overflow:auto}@media(max-width:1200px){.logo-results .results-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.logo-results .results-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.logo-results .result-number{font-size:8px;padding:9px}.logo-results .result-footer .button{font-size:9px}}.actual-overlay{position:fixed;inset:0;z-index:90;background:#243427b3;display:flex;align-items:center;justify-content:center;padding:20px}.actual-sheet{background:#fffefa;border-radius:14px;max-width:94vw;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 24px 80px #20342640;overflow:hidden}.actual-head{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid #eaedde;font-size:12px;color:#3c5231}.actual-head strong{font-weight:600}.actual-head .icon-button{margin-left:auto}.actual-side-tabs{display:flex;gap:4px}.actual-side-tabs button{padding:7px 13px;border-radius:7px;border:1px solid #e5e9dc;font-size:10px;color:#8b947e;background:#fff}.actual-side-tabs button.selected{background:#eaf0df;color:#486536;border-color:#d6e0c5;font-weight:600}.actual-body{overflow:auto;padding:30px;background:#f2f4ec}.actual-body .design-preview{display:block;line-height:0}.actual-body .design-preview>svg{width:90mm!important;height:auto;max-width:none;box-shadow:0 6px 22px #485c3026;border-radius:2px}.actual-note{padding:12px 18px;font-size:9px;color:#9aa78a;border-top:1px solid #eef0e8}@media(max-width:700px){.actual-overlay{padding:10px}.actual-body{padding:18px}.actual-note{font-size:8px}}.shared-save-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px;margin:22px 0;border:1px solid #dce7d1;border-radius:18px;background:#f6faef;text-align:left}.shared-save-panel strong{display:flex;align-items:center;gap:8px;color:#244d3d}.shared-save-panel p{margin:5px 0 0;color:#66736d;font-size:14px}.shared-save-panel>div:last-child,.cardbook-actions{display:flex;gap:8px;flex-wrap:wrap}.shared-save-panel{flex-wrap:wrap}.contact-save-help{flex-basis:100%;padding-top:12px;border-top:1px solid #dce7d1;color:#56675f;font-size:13px}.contact-save-help summary,.advanced-design summary{cursor:pointer;font-weight:700;color:#315b49}.contact-save-help p{margin:8px 0 0;line-height:1.65}.side-presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:12px 0}.side-presets button{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:13px 14px;border:1px solid #dde3d8;border-radius:13px;background:#fff;color:#29493b;text-align:left}.side-presets button:hover:not(:disabled){border-color:#6f917f;background:#f5f8f2}.side-presets button:disabled{opacity:.48;cursor:not-allowed}.side-presets span{color:#7a817b;font-size:12px}.advanced-design{margin-top:14px;padding:14px;border:1px solid #e2e4dd;border-radius:13px;background:#fafbf8}.advanced-design[open] summary{margin-bottom:12px}.cardbook-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:22px}.cardbook-card{overflow:hidden;border:1px solid #e3e5dc;border-radius:20px;background:#fff;box-shadow:0 8px 24px #2b362f0f}.cardbook-preview{padding:22px;background:#f4f2eb}.cardbook-preview .design-preview{width:100%}.cardbook-info{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;padding:18px}.cardbook-info h3,.cardbook-info p{margin:0 0 5px}.cardbook-info p,.cardbook-info small{color:#73786f}@media(max-width:720px){.shared-save-panel,.cardbook-info{align-items:stretch;flex-direction:column}.shared-save-panel>div:last-child .button{flex:1}}.home-page{display:flex;flex-direction:column}.home-page>.hero{order:1}.home-page>.templates-section{order:2;padding-top:22px}.home-page>.bottom-banner{order:3}.home-page>.collection-links{order:4;padding-top:42px}.home-page>.creator-section{order:5;margin-top:72px}.home-page>.prompt-examples{order:6}.home-page>.field-hint{order:7}.home-page>.topic-browser{order:8}.home-page>.ad-slot{order:9}.hero-actions{display:flex;gap:9px;margin-top:20px;flex-wrap:wrap}.hero-actions .button{font-size:11px}.generator-intro{padding:24px 26px 21px;background:linear-gradient(120deg,#f3f6ed,#fff);border-bottom:1px solid #e8ecdf}.generator-intro>span{font:700 9px DM Sans,sans-serif;letter-spacing:.16em;color:#a15e3d}.generator-intro h2{font-size:22px;color:#304a35;margin:7px 0}.generator-intro p{font-size:11px;color:#87917d;line-height:1.7}.creator-section>form>.creator-top{margin-top:0}.editor-canvas{overflow:hidden}.editor-canvas .canvas-frame{width:100%;min-width:0}.editor-canvas .side-preview{width:100%;min-width:0;display:flex;justify-content:center}.editor-canvas-card .design-preview{width:min(100%,520px);max-width:520px}.editor-canvas-card .design-preview>svg{display:block;width:100%;height:auto;max-height:325px}.editor-canvas-logo .design-preview{width:min(100%,320px);max-width:320px}.editor-canvas-logo .design-preview>svg{display:block;width:100%;height:auto;max-height:320px}.canvas-frame-both .design-preview{max-width:245px}.canvas-frame-both .design-preview>svg{max-height:180px}.logo-upload-field{padding:14px!important;border:1px solid #e1e7dc!important;border-radius:12px;background:#f8faf5;margin-top:18px!important}.logo-upload-copy strong{font-size:12px;color:#405943}.logo-upload-copy p{font-size:10px;color:#84907d;line-height:1.6;margin-top:4px}.logo-row{margin-top:12px}.logo-thumb{width:48px!important;height:48px!important;flex:0 0 48px!important;border-radius:10px!important;overflow:hidden}.logo-thumb img{width:100%;height:100%;object-fit:contain}.logo-row .button{min-height:36px;padding:8px 12px}.logo-row .text-button{font-size:10px}@media(max-width:700px){.home-page>.templates-section{padding-top:12px}.home-page>.collection-links{padding-top:30px}.home-page>.creator-section{margin-top:46px}.hero-actions{max-width:230px}.hero-actions .button{font-size:10px;padding:10px 12px}.generator-intro{padding:20px 17px}.generator-intro h2{font-size:19px}.editor-canvas-card .design-preview{max-width:370px}.editor-canvas-card .design-preview>svg{max-height:220px}.editor-canvas-logo .design-preview{max-width:230px}.editor-canvas-logo .design-preview>svg{max-height:230px}}.advanced-design .layout-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.advanced-design .layout-options button{min-width:0;min-height:42px;white-space:normal;line-height:1.35;padding:8px}.advanced-design .show-options{display:flex;flex-wrap:wrap;gap:7px}@media(max-width:700px){.advanced-design .layout-options{grid-template-columns:repeat(2,minmax(0,1fr))}}.field-side-row{display:flex;align-items:center;gap:6px;margin-top:4px;font-size:9px;color:#91a082}.field-side-row select{font-size:10px;padding:4px 6px;border:1px solid #dfe7d4;border-radius:6px;background:#f6f8f1;color:#667a58}.qr-mode-options{display:flex;gap:16px;margin:10px 0 4px;font-size:11px;color:#5c6b52}.qr-mode-options label{display:flex;align-items:center;gap:5px;cursor:pointer}.qr-share-panel .share-checkbox{margin:8px 0}.qr-share-current{display:flex;flex-direction:column;gap:8px;align-items:flex-start;margin-top:4px}.qr-share-actions{display:flex;gap:14px;flex-wrap:wrap}.grade-badges{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:-8px 0 22px}.grade-badge{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:999px;border:1px solid #d8e2c8;background:#f2f7e9;color:#3d5c33;font-size:12px;font-weight:600}.grade-badge strong{font-weight:700;color:#20381c}.grade-badge-pop{border-color:#e6d9c2;background:#faf4e6;color:#8a6420}.grade-hint{font-size:11px;color:#9aa78a}.shared-saved-chip{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:7px 13px;border-radius:999px;background:#eef4e3;color:#4c6b3a;font-size:12px;font-weight:600}@media(max-width:720px){.grade-badges{margin-top:-4px}}