:root{--paper:#f7f8fa;--paper-deep:#f1f3f5;--panel:#fff;--ink:#202630;--muted:#59616d;--line:#dce0e5;--red:#9b1b1b;--red-dark:#7d1515;--shadow:0 8px 30px #17233b06}
body{background:var(--paper)}header,.site-header{background:#fff}nav,.nav{max-width:none}.nav-links a{font-weight:600}.tool-hero,.hero{padding:30px 32px;align-items:start;min-height:0}.tool-shell,.shell{width:100%;max-width:1560px}.hero-heading{margin-bottom:24px}h1{font-family:var(--sans);font-size:clamp(26px,3vw,38px);line-height:1.15;letter-spacing:-.04em}.lead{font-size:14px;max-width:760px}.eyebrow{letter-spacing:.1em;font-size:10px}.maker-card,.tool{grid-template-columns:360px minmax(0,1fr);border-radius:16px;background:#fff;box-shadow:var(--shadow);overflow:visible}.controls{padding:24px;border-right:1px solid var(--line)}.control-section{padding-bottom:22px;margin-bottom:22px;border-bottom:1px solid var(--line)}.control-section:last-child{border:0;margin:0;padding-bottom:0}.control-section h2{display:flex;gap:12px;margin:0 0 18px;font:600 11px var(--sans);color:var(--muted);letter-spacing:.02em}.control-section h2 span{font-size:14px;color:var(--ink)}.controls label{font-size:12px;font-weight:600;display:block;margin:10px 0 6px}.controls select,.controls textarea,.controls input[type=number],.controls input[type=color]{border-color:#c8ced6;border-radius:7px}textarea{min-height:88px;max-height:160px}.template-picker{grid-template-columns:repeat(2,1fr)}.template-btn{border-color:var(--line);border-radius:7px;padding:12px}.custom-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.swatches{display:flex;gap:6px;flex-wrap:wrap}.swatches button{background:#fff;border:1px solid var(--line);border-radius:6px;padding:7px;font-size:12px;cursor:pointer}.swatches button:before{content:'';display:inline-block;width:10px;height:10px;background:var(--swatch);border-radius:50%;margin-right:5px}.secondary{background:#fff;border:1px solid #c8ced6;border-radius:6px;padding:7px 10px;font-size:12px;cursor:pointer}.remember{display:flex!important;align-items:center;gap:7px}.hint{font-size:11px;line-height:1.5}.preview-panel,.preview{position:sticky;top:20px;align-self:start;min-height:650px;padding:32px;background:#f1f3f5;border-radius:0 16px 16px 0}.preview-top{width:100%;max-width:680px;margin-bottom:24px}.canvas-frame{width:min(100%,600px);padding:12px;border-radius:8px;box-shadow:0 4px 16px #17233b08;background-color:white;background-image:conic-gradient(#eef0f2 25%,transparent 0 50%,#eef0f2 0 75%,transparent 0);background-size:20px 20px}.download-btn,.download{background:var(--red);box-shadow:none;border-radius:8px;width:min(100%,600px);margin-top:24px;min-height:50px}.local-badge{color:#236143}.preview-toggle{display:none}.content,main.content{background:#fff}.frame{border-color:var(--line);min-height:420px}.empty{color:var(--muted)}.frame canvas{touch-action:none;cursor:move}.upload:focus-within{outline:3px solid #365fba}.upload{position:relative}input[type=file]{position:static;width:100%;height:auto;opacity:1;margin-top:12px;font-size:12px}button,input,select,textarea{accent-color:var(--red)}[hidden]{display:none!important}
@media(min-width:821px){.controls{max-height:780px;overflow-y:auto}.preview-panel,.preview{min-height:min(780px,calc(100vh - 110px))}.canvas-frame{width:min(100%,58vh,600px)}}
@media(max-width:820px){body{padding-bottom:86px}.tool-hero,.hero{padding:20px 12px}.maker-card,.tool{display:flex;flex-direction:column;overflow:visible}.controls{width:100%;padding:20px;border:0}.preview-panel,.preview{order:-1;position:static;min-height:0;width:100%;padding:16px;border-radius:16px 16px 0 0}.preview-top{display:flex;margin-bottom:12px;gap:8px}.preview-toggle{display:inline-block}.canvas-frame{width:min(100%,280px)}.download-btn,.download{position:fixed;bottom:12px;left:16px;width:calc(100% - 32px);max-width:none;z-index:20;margin:0;box-shadow:0 4px 24px #17233b30}.download-note,.privacy{margin:12px 0 0}.frame{min-height:200px;max-height:300px}.frame canvas{max-height:280px}.nav-links a{display:none!important}.nav-links a[href='/photo-stamp/'],.nav-links a[href='/']{display:block!important}.hero-note{display:none}.control-section{margin-bottom:20px}.content-inner{padding-top:48px}}