@font-face{font-family:Montserrat;src:url('assets/Montserrat-Regular.ttf');font-display:swap}@font-face{font-family:Montserrat;src:url('assets/Montserrat-Bold.ttf');font-weight:700 900;font-display:swap}
:root{--orange:#f39200;--coral:#ef5b78;--ink:#313234;--muted:#73716e;--line:#e5e0d7;--cream:#faf9f6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--cream);color:var(--ink);font:14px/1.6 Montserrat,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}button{color:var(--ink)}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #128a80;outline-offset:3px}.shell{width:min(1240px,calc(100% - 48px));margin:auto}.skip{position:fixed;top:-80px;z-index:99;background:white;padding:15px}.skip:focus{top:8px}.site-header{position:sticky;top:0;z-index:20;background:#fffffff5;border-top:3px solid var(--orange);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.header-inner{min-height:75px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;gap:12px;align-items:center}.brand img{border:1px solid var(--line);padding:3px;border-radius:10px}.brand span{display:grid}.brand strong{font-size:22px;letter-spacing:.02em;line-height:1.2}.brand em{color:var(--orange);font-style:normal}.brand small{font-size:9px;color:var(--muted);margin-top:4px}.header-link{font-size:11px;font-weight:bold;border:1px solid var(--line);border-radius:9px;padding:10px 15px}.hero{overflow:hidden;position:relative;padding:70px 0 76px;background:radial-gradient(ellipse at 100% 0,#ffd5c8,transparent 50%),linear-gradient(115deg,#fffaf5,#f7eee4)}.hero-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:65px;align-items:center}.eyebrow{font-size:10px;letter-spacing:.15em;font-weight:bold;color:#b56500;display:flex;gap:10px;align-items:center}.eyebrow:before{content:'';width:22px;height:3px;background:var(--orange)}h1{font-size:clamp(40px,4.4vw,65px);line-height:1.05;letter-spacing:-.055em;margin:23px 0}h1 em{font-style:normal;color:var(--coral)}.lead{font-size:15px;color:var(--muted);line-height:1.85;max-width:510px}.hero-points{display:flex;gap:18px;font-size:11px;margin:25px 0;font-weight:bold}.button{display:inline-flex;justify-content:center;align-items:center;gap:22px;border:0;border-radius:10px;min-height:48px;padding:14px 23px;font-size:12px;font-weight:bold;cursor:pointer;transition:transform .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--orange);color:#fff;box-shadow:0 9px 24px #f3920026}.hero-art{position:relative}.hero-card{background:white;border:6px solid white;border-radius:18px;padding:20px 20px 15px;box-shadow:0 25px 65px #5d463b26;transform:rotate(2deg);border-top:6px solid #ef9278}.card-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.card-top span{color:#257765;font-size:9px;font-weight:bold;letter-spacing:.12em}.card-top b{display:block;font-size:17px;letter-spacing:-.04em;color:var(--ink);margin-top:5px}.card-top small{font-size:6px;border:1px solid var(--line);border-radius:20px;padding:6px;white-space:nowrap}#hero-samples{display:flex;gap:12px;padding:12px 15px 22px;background:#f7f5ef;border-radius:8px}#hero-samples svg{width:calc((100% - 36px)/4);height:auto;filter:drop-shadow(3px 6px 3px #0002);transition:transform .3s}#hero-samples svg:nth-child(2){transform:rotate(-4deg) translateY(7px)}#hero-samples svg:nth-child(3){transform:rotate(4deg)}.hero-card:hover #hero-samples svg{transform:translateY(-5px)}.card-bottom{display:flex;justify-content:space-between;font-size:8px;color:var(--muted);margin-top:15px}.card-bottom span{font-size:7px;font-weight:bold}.seal{position:absolute;right:-20px;bottom:4px;background:#0c8579;color:white;line-height:1.2;font-size:13px;border:5px solid #fff;border-radius:50%;width:87px;height:87px;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:rotate(12deg);box-shadow:0 7px 20px #0002}.seal b{font-size:20px}.generator{padding:64px 0 75px}.section-heading{text-align:center;margin-bottom:35px}.section-heading .eyebrow{justify-content:center}h2{font-size:34px;letter-spacing:-.04em;line-height:1.2;margin:12px 0}.section-heading>p:last-child{color:var(--muted);font-size:13px}.workspace{display:grid;grid-template-columns:370px minmax(0,1fr);gap:27px;align-items:start}.controls{border:1px solid var(--line);background:white;border-radius:15px;padding:24px;box-shadow:0 8px 25px #29221804}.step{display:flex;align-items:center;gap:12px;margin:26px 0 17px}.step:first-child{margin-top:0}.step>span{width:32px;height:32px;background:#fff1da;color:#ad6600;border-radius:9px;display:grid;place-items:center;font-size:11px;font-weight:bold;flex-shrink:0}.step h3{font-size:14px;margin:0;letter-spacing:-.03em}.step p{font-size:9px;color:var(--muted);margin:2px 0}.filters{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:14px}.filters button{border:1px solid var(--line);background:white;font-size:9px;padding:5px 9px;border-radius:20px}.filters button.active{background:#313234;border-color:#313234;color:white}.templates{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;max-height:366px;overflow:auto;padding:3px}.template{border:1px solid var(--line);background:#faf9f6;border-radius:8px;padding:7px 4px 5px;display:grid;justify-items:center;gap:5px}.template svg{height:94px;width:100%}.template span{font-size:8px;font-weight:bold}.template.active{border-color:var(--orange);box-shadow:0 0 0 2px #f3920033;background:#fff5e5}.check{display:flex;gap:8px;align-items:center;font-size:10px;margin:15px 0}.check input{accent-color:var(--orange);width:15px;height:15px;flex-shrink:0}.segmented{display:flex;background:#f1efea;padding:4px;border-radius:8px;margin-bottom:15px}.segmented button{flex:1;border:0;background:none;border-radius:5px;padding:7px 4px;font-size:9px}.segmented button.active{background:white;box-shadow:0 2px 5px #0001;font-weight:bold}.field{display:flex;flex-direction:column;gap:6px;font-size:10px;font-weight:bold;margin:12px 0}.field input,.field select,.field textarea,.inline select{width:100%;min-width:0;border:1px solid #dcd7cf;border-radius:7px;padding:10px;color:var(--ink);background:#fff;font-size:11px;font-weight:normal}.field textarea{resize:vertical;line-height:1.6}.field input[type=color]{height:38px;padding:4px;cursor:pointer}.fields{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.inline{display:flex;gap:8px}.inline select{font-size:10px;flex:1}.small-button{border:1px solid #dcd7cf;background:#fff;border-radius:7px;padding:9px 10px;font-size:10px;font-weight:bold;white-space:nowrap}.small-button:hover{background:#fff8ec}.text-button{border:0;background:none;text-decoration:underline;text-underline-offset:3px;font-size:10px;color:#716555;padding:5px 0}.batch{background:#faf8f3;border:1px solid var(--line);border-radius:9px;padding:12px;margin:15px 0}.batch summary{font-size:11px;font-weight:bold}.batch p{font-size:9px;color:var(--muted)}.export{width:100%;margin:12px 0}.secondary-actions>*{flex:1}.local-note{text-align:center;font-size:8px;color:var(--muted);line-height:1.8;margin:15px 0 0}.preview-column{position:sticky;top:103px;min-width:0}.preview-panel{background:white;border:1px solid #dddcd6;border-radius:13px;overflow:hidden;box-shadow:0 15px 40px #30271e09}.preview-toolbar{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px}.preview-toolbar strong{font-size:11px}.preview-toolbar>span{font-size:8px;letter-spacing:.1em;color:var(--muted)}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#19947f;margin-right:7px}.preview-stage{padding:25px 20px;background:#eae9e4;background-image:radial-gradient(#b9b8b140 .7px,transparent .7px);background-size:8px 8px}#sheet{background:white;box-shadow:0 5px 18px #29221c1a;line-height:0}#sheet>svg{width:100%;height:auto}#sheet [data-index]{cursor:pointer}#sheet [data-index]:hover{filter:brightness(.95)}.preview-bottom{display:flex;align-items:center;gap:12px;padding:11px 18px;border-bottom:1px solid var(--line);font-size:9px}.preview-bottom button{border:1px solid var(--line);border-radius:6px;background:white;padding:4px 10px}.preview-bottom #dimensions{margin-left:auto;color:var(--muted);font-size:8px}.selection-note{padding:12px 18px;font-size:9px;color:var(--muted);display:flex;justify-content:space-between;gap:10px}.selection-note span{color:#ad6600;font-weight:bold}.selection-strip{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 20px}.selection-strip button{background:white;border:1px solid var(--line);border-radius:7px;padding:7px 12px;font-size:10px}.selection-strip button.active{border-color:var(--orange);color:#a35a00;background:#fff3df}.tip-card{display:flex;gap:15px;padding:20px 23px;background:#edf5f1;border:1px solid #d8e7df;border-radius:11px}.tip-card>span{color:#297a64;font-size:26px}.tip-card h3,.print-tips h3{font-size:12px;margin:0 0 6px}.tip-card p{font-size:10px;color:#62736b;margin:0;line-height:1.8}.print-tips{padding:22px 4px}.print-tips>div{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.print-tips p{font-size:9px;color:var(--muted);margin:5px 0}.print-tips b{display:block;color:#58534d;margin:4px 0}.reset{display:block;margin-left:auto}.faq{padding:55px 0 70px;max-width:800px}.faq h2{text-align:center;font-size:29px;margin-bottom:30px}.faq details{border-bottom:1px solid var(--line);padding:17px 0}.faq summary{font-size:12px;font-weight:bold}.faq p{font-size:12px;color:var(--muted)}footer{background:#292a2c;color:#eee;padding:33px 0}footer>.shell{display:flex;justify-content:space-between;align-items:center;gap:20px}footer p,footer span{font-size:10px;color:#c4c4c1}#status{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#303a34;color:white;border-radius:10px;padding:13px 20px;font-size:12px;box-shadow:0 5px 25px #0003;z-index:50;max-width:90vw;display:none}#status.visible{display:block}#print-root{display:none}
@media(min-width:1450px){.shell{width:min(1320px,calc(100% - 64px))}.workspace{grid-template-columns:390px minmax(0,1fr)}}@media(max-width:1000px){.hero-grid{gap:30px}.hero-card{padding:12px}.card-top small{display:none}.workspace{grid-template-columns:320px minmax(0,1fr);gap:18px}.controls{padding:18px}.preview-toolbar{padding:13px}.preview-toolbar>span{display:none}.selection-note{display:block}.preview-stage{padding:15px 10px}.print-tips>div{grid-template-columns:1fr;gap:4px}.hero-points{gap:10px;font-size:9px}}@media(max-width:760px){.shell{width:calc(100% - 28px)}.header-link{display:none}.brand small{font-size:8px}.hero{padding:38px 0 45px}.hero-grid{grid-template-columns:1fr;gap:35px}.hero h1{font-size:48px}.lead{font-size:13px}.hero-art{max-width:470px;width:92%;margin:auto}.hero-card{padding:14px}.seal{right:-15px;width:70px;height:70px;font-size:11px}.seal b{font-size:17px}.hero-points{font-size:10px}.section-heading h2{font-size:29px}.section-heading>p:last-child{font-size:11px}.generator{padding:38px 0}.workspace{display:flex;flex-direction:column}.controls{width:100%;padding:20px}.templates{grid-template-columns:repeat(4,1fr);max-height:290px}.template svg{height:90px}.preview-column{position:static;width:100%;order:-1}.preview-panel{border-radius:10px}.preview-stage{padding:14px}.print-tips,.tip-card,.reset{display:none}.selection-strip{margin-bottom:0}.preview-toolbar>span{display:block}.selection-note{display:flex}.faq{padding:30px 0 45px}.faq h2{font-size:25px}footer>.shell{flex-direction:column;gap:5px}footer p{margin:5px}h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.art-intro{background:linear-gradient(135deg,#fcf3e7,#f5e8e8);border:1px solid #eee0d3;border-radius:10px;padding:15px;margin:0 0 14px}.art-intro>span{font-size:7px;letter-spacing:.1em;font-weight:bold;color:#a36338}.art-intro h3{margin:6px 0;font-size:19px;letter-spacing:-.045em}.art-intro p{font-size:9px;line-height:1.7;color:#78685d;margin:0}.art-filters{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:13px}.art-filters button{border:1px solid var(--line);background:white;font-size:9px;border-radius:20px;padding:5px 9px}.art-filters button.active{color:white;background:#313234;border-color:#313234}.art-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:455px;overflow:auto;padding:3px;scrollbar-width:thin}.art-option{position:relative;border:1px solid #ded8ce;padding:0;background:#fff;border-radius:9px;overflow:hidden;text-align:left;transition:box-shadow .2s,border-color .2s}.art-option img{display:block;width:100%;height:150px;object-fit:cover;object-position:center;transition:transform .3s}.art-option>span{display:grid;gap:2px;padding:8px 9px}.art-option small{color:#9e7656;font-size:7px;letter-spacing:.08em;font-style:normal}.art-option b{font-size:9px;line-height:1.4}.art-option>i{display:none;position:absolute;top:7px;right:7px;background:var(--orange);color:#fff;width:21px;height:21px;border:2px solid white;border-radius:50%;font-size:11px;font-style:normal;text-align:center;line-height:17px}.art-option.active{border-color:var(--orange);box-shadow:0 0 0 2px #f392003a}.art-option.active>i{display:block}.art-option:hover img{transform:scale(1.025)}.art-mix{width:100%;margin:12px 0 0;color:#9a5c14;border-color:#e9d4b4;background:#fff8ed}.art-settings{margin-top:14px;padding:12px;border:1px solid #e5ded2;border-radius:9px;background:#faf8f3}.art-settings[hidden],.art-eco-note[hidden]{display:none}.range-field{position:relative;font-size:9px;margin:6px 0 14px}.range-field output{position:absolute;right:0;color:#9c601e;font-size:9px}.range-field input[type=range]{padding:0;border:0;accent-color:var(--orange);height:19px}.art-settings p,.art-eco-note{font-size:9px;color:#82735f;line-height:1.7;margin:7px 0}.art-eco-note{background:#fff1d8;border-radius:8px;padding:10px}.classic-models{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:19px 0;padding:13px 0}.classic-models summary{font-size:10px;font-weight:bold;color:#74685b}.classic-models[open] summary{margin-bottom:15px}select:disabled{opacity:.5}.preview-column{top:98px}.hero-card{transform:rotate(1deg)}.art-option img{object-fit:contain;background:#f3f0e9;height:180px}
@media(max-width:760px){.art-gallery{grid-template-columns:repeat(3,minmax(0,1fr));max-height:415px}.art-option img{height:145px}.art-option>span{padding:7px}.art-option b{font-size:8px}.art-option small{font-size:6px}.art-intro h3{font-size:22px}}
@media print{@page{size:A4 landscape;margin:0}html,body{margin:0!important;padding:0!important;background:white!important}body>*:not(#print-root){display:none!important}#print-root{display:block!important}.print-page{width:297mm;height:210mm;break-after:page;overflow:hidden}.print-page:last-child{break-after:auto}.print-page svg{width:297mm;height:210mm;display:block}}
.phrase-library{margin:13px 0;padding:13px;border:1px solid #e5ded2;border-radius:9px;background:#faf8f3}.phrase-library summary{font-size:10px;font-weight:bold}.phrase-library select[size]{padding:4px;font-size:10px;min-height:145px;max-width:100%;white-space:normal}.phrase-library option{padding:7px 5px;white-space:normal;line-height:1.5}.phrase-library .inline{flex-wrap:wrap}.library-note,.name-examples p{font-size:9px;color:#786f61;line-height:1.7;margin:8px 0}.name-examples{margin-top:12px;padding:10px;border:1px solid #e4ddd1;border-radius:8px;background:white}
.scope-card{position:sticky;top:89px;z-index:12;margin:-5px -5px 20px;padding:14px;background:#fff8ec;border:1px solid #e7cfa9;border-radius:10px;box-shadow:0 5px 15px #4234210b}.scope-card>strong{font-size:11px}.scope-card .segmented{margin:9px 0;background:#efe4d2}.scope-card .segmented button{font-size:10px;min-height:36px}.scope-card p{font-size:9px;line-height:1.6;margin:6px 0 0;color:#735d3c}.scope-card.individual{background:#edf6f2;border-color:#b2d1c1}.scope-card.individual p{color:#365f50}.scope-card .field[hidden]{display:none}.scope-card .field{margin:8px 0}.scope-card .field select{font-size:10px}.art-mix:disabled{opacity:.55}.art-intro{padding:12px}.art-intro h3{font-size:18px}@media(max-width:760px){.scope-card{top:81px}.scope-card p{font-size:10px}}