@import url('https://fonts.googleapis.com/css2?family=Gowun+Dodum&family=Nunito+Sans:wght@400;500;600;700;800;900&display=swap');
:root{color-scheme:dark;--bg:#08101e;--bg2:#0d1728;--card:#101f34;--card2:#14243b;--line:#293c56;--txt:#eff5ff;--muted:#9aadc9;--blue:#2778fa;--blue2:#4b9dfd;--soft:#c7d6ee;--radius:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body.peiru-app{margin:0;background:var(--bg);color:var(--txt);font-family:'Nunito Sans','Gowun Dodum','Malgun Gothic',sans-serif;letter-spacing:-.02em;min-width:320px}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.48;cursor:not-allowed}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #80b4ff;outline-offset:3px}button,.action,.tool-tile{transition:background .18s,border-color .18s,transform .18s}.container{max-width:1440px;padding:0 32px;margin:0 auto}.topbar{height:72px;background:rgba(8,16,30,.92);border-bottom:1px solid #23334a;position:sticky;top:0;z-index:40;backdrop-filter:blur(18px)}.top-inner{display:flex;align-items:center;justify-content:space-between;height:100%;gap:18px}.brand{display:inline-flex;align-items:center;gap:10px;font:900 26px 'Nunito Sans',sans-serif;letter-spacing:-1.5px;white-space:nowrap}.brand-logo{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#2995ff,#2052ea);font-size:26px;color:#fff;box-shadow:0 5px 22px #136bff4a}.main-nav{display:flex;align-items:center;gap:2px;flex-wrap:wrap}.main-nav a{font-size:14px;padding:11px 14px;border-radius:10px;color:#becce2;font-weight:600}.main-nav a:hover,.main-nav a.active{background:#162948;color:#fff}.top-action{border:1px solid #3a64b8;border-radius:11px;padding:11px 16px;background:#135fed;font-weight:800;color:#fff;white-space:nowrap}.top-action:hover,.btn-primary:hover{background:#277dfb}.hero{background:radial-gradient(ellipse 58% 75% at 80% 35%,#234c8750,transparent 75%),radial-gradient(ellipse 45% 70% at 0% 90%,#132c5560,transparent 75%),linear-gradient(125deg,#07101e,#0d1c31 75%,#0a1322);border-bottom:1px solid #1c334e;overflow:hidden}.hero-content{display:grid;grid-template-columns:1.02fr 1fr;align-items:center;gap:48px;min-height:650px;padding-top:58px;padding-bottom:70px}.eyebrow{font-size:11px;letter-spacing:.17em;color:#56b3ff;font-weight:900}.hero h1{font-size:clamp(37px,4vw,65px);letter-spacing:-2.7px;line-height:1.27;font-weight:900;margin:17px 0 16px;word-break:keep-all}.hero h1 span{background:linear-gradient(95deg,#428aff,#43ceef);color:transparent;background-clip:text}.hero-lead{font-size:15px;color:#bbcbe1;line-height:1.85;max-width:520px;margin:0 0 27px}.quick-start{border:1px solid #35506f;border-radius:18px;background:rgba(12,24,43,.91);padding:22px;box-shadow:0 25px 62px #01091450}.quick-title{display:flex;justify-content:space-between;align-items:center;margin:0 0 13px;font-size:14px;font-weight:900;color:#fff}.quick-title small{font-size:11px;font-weight:500;color:#93a8ca}.drop-area{border:1.6px dashed #426ea8;border-radius:13px;background:#12244087;min-height:122px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center;padding:18px;color:#d2e7ff;cursor:pointer}.drop-area:hover,.drop-area.dragging{border-color:#4baeff;background:#163761}.drop-area .drop-icon{font-size:30px;line-height:1}.drop-area strong{font-size:15px}.drop-area span{font-size:11px;color:#94acca}.quick-images{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.quick-images:empty{display:none}.quick-images img{width:59px;height:53px;object-fit:cover;border-radius:7px;border:1px solid #456387}.quick-grid{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:11px;margin-top:17px;align-items:end}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field label,.mini-label{color:#aabdd8;font-size:12px;font-weight:800}.field input,.field select,.field textarea,.ctrl-input{width:100%;color:#e8f1ff;background:#0c1b2e;border:1px solid #3a506c;border-radius:9px;padding:10px 12px;outline:none;font-size:13px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#50a0ff}.field textarea{resize:vertical;min-height:70px}.field select{min-width:95px}.btn-primary{border:1px solid #428cff;background:#126cf2;color:white;padding:13px 16px;border-radius:10px;font-size:14px;font-weight:850;white-space:nowrap}.btn-primary.wide{width:100%}.btn-ghost{border:1px solid #3d536f;border-radius:10px;background:#182b45;color:#e0ebfc;padding:12px 16px;font-size:13px;font-weight:750}.btn-ghost:hover{border-color:#548fdd;background:#1c385c}.quick-actions{display:flex;gap:10px;margin-top:15px}.quick-actions>*{flex:1}.hint{color:#8aa1bf;font-size:11px;line-height:1.6;margin:11px 0 0}.hero-visual{position:relative;min-height:520px;display:grid;place-items:center}.visual-stack{position:relative;width:100%;max-width:490px;aspect-ratio:0.85}.visual-sheet{position:absolute;background:white;border-radius:4px;padding:24px;color:#15253b;box-shadow:0 30px 70px #0008;aspect-ratio:0.71;width:77%;top:7%;left:13%;transform:rotate(5deg);border:1px solid #ddd}.visual-sheet.back{transform:rotate(-10deg);left:5%;top:10%;filter:brightness(.84)}.visual-sheet.middle{transform:rotate(-3deg);left:9%;top:8%;filter:brightness(.91)}.paper-brand{font-size:12px;font-weight:900;color:#12233f;display:flex;align-items:center;justify-content:space-between}.paper-brand small{font-size:9px;color:#95a1b4}.paper-rule{height:2px;background:#1d427b;margin:9px 0 16px}.hero-photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.hero-photo-grid .sample-cell{min-width:0}.hero-photo-grid img{width:100%;aspect-ratio:1.45;object-fit:cover;display:block}.hero-photo-grid span{font-size:9px;color:#43536a;display:block;margin-top:4px}.sample-cell b{font-size:9px;display:block;color:#182b46;margin-top:4px}.service-wrap{padding:65px 0 72px}.section-title{font-size:clamp(23px,2.2vw,35px);font-weight:850;letter-spacing:-1px;margin:4px 0 7px}.section-sub{color:#9db1cb;font-size:14px;line-height:1.8;margin:0 0 25px}.tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.tool-tile{display:flex;flex-direction:column;min-height:190px;padding:21px;border:1px solid #30435f;background:linear-gradient(145deg,#14243b,#0e192a);border-radius:15px}.tool-tile:hover{border-color:#408df1;transform:translateY(-3px);background:#19304f}.tool-tile h3{font-size:17px;margin:15px 0 6px}.tool-tile p{font-size:12px;line-height:1.8;color:#9eb0c9;margin:0}.tool-icon{display:grid;place-items:center;width:45px;height:45px;border-radius:12px;font-size:23px}.tool-icon.image{color:#ff86a4;background:#5d263f}.tool-icon.pdf{color:#ffb56c;background:#5c361d}.tool-icon.video{color:#5be2be;background:#155645}.tool-icon.audio{color:#c1a2ff;background:#433166}.tile-arrow{margin-top:auto;align-self:flex-end;display:grid;place-items:center;border:1px solid #405572;background:#203554;width:28px;height:28px;border-radius:50%}.feature-line{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:22px 0;border-top:1px solid #21344c;border-bottom:1px solid #21344c;margin-top:24px;color:#bacce6;font-size:12px}.feature-line strong{color:#fff}.site-footer{padding:31px 0 45px;color:#8499b5;font-size:12px;border-top:1px solid #26364a}.site-footer .container{display:flex;gap:14px;justify-content:space-between;flex-wrap:wrap}.site-footer a{padding-left:12px}.status{min-height:20px;color:#94c9ff;font-size:12px;margin-top:10px}.small-link{font-size:12px;color:#a5cafb;text-decoration:underline;text-underline-offset:4px}.editor-shell{max-width:1750px;margin:auto;padding:17px 24px 28px;display:grid;grid-template-columns:minmax(310px,425px) minmax(0,1fr);gap:18px;min-height:calc(100vh - 72px)}.editor-panel{overflow:auto;max-height:calc(100vh - 107px);scrollbar-color:#354e70 #0c1728;padding-right:5px}.edit-card{background:linear-gradient(145deg,#101e31,#0e1a2c);border:1px solid #293c55;border-radius:16px;padding:20px;margin-bottom:13px}.edit-card h2{font-size:18px;font-weight:800;margin:0 0 6px}.edit-card .card-desc{color:#91a8c7;font-size:12px;margin:0 0 14px}.step-num{display:inline-flex;align-items:center;justify-content:center;color:#fff;background:#1b69e7;border-radius:50%;width:30px;height:30px;margin-right:8px;font-size:13px;font-weight:850}.photo-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.photo-unit{border:1px solid #3b5474;background:#14263e;border-radius:10px;overflow:hidden;position:relative}.photo-unit.dragging{opacity:.4}.photo-unit .photo-unit-image{width:100%;aspect-ratio:1.75;object-fit:cover;display:block}.photo-unit-head{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:6px 8px;font-size:11px;color:#a5c5e6}.photo-unit-head button{border:0;background:#253e5e;color:#edf7ff;border-radius:5px;width:22px;height:22px}.photo-unit input{width:calc(100% - 14px);margin:0 7px 8px;background:#0b192c;border:1px solid #344b67;color:#fff;border-radius:6px;padding:7px;font-size:11px}.photo-tools{display:flex;gap:5px;padding:0 7px 8px}.photo-tools button{flex:1;border:1px solid #355275;color:#c5d9f4;border-radius:6px;background:#1b2f4b;font-size:11px;padding:4px 2px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.selector-buttons{display:flex;gap:6px;flex-wrap:wrap}.selector-buttons button{border:1px solid #344d70;color:#aec4df;border-radius:9px;background:#101f34;min-width:58px;padding:9px 12px;font-size:12px;font-weight:800;flex:1}.selector-buttons button.active{background:#163e76;border-color:#2686ff;color:#fff;box-shadow:inset 0 0 0 1px #2184fa}.section-spacer{margin-top:13px}.checkbox-row{display:flex;align-items:center;gap:9px;color:#b8cbe1;font-size:12px;margin:10px 0}.checkbox-row input{width:17px;height:17px;accent-color:#227bfa}.editor-preview{min-width:0;border:1px solid #223954;border-radius:16px;background:#0b1729;display:flex;flex-direction:column;max-height:calc(100vh - 107px);overflow:hidden}.preview-toolbar{height:54px;border-bottom:1px solid #243956;display:flex;align-items:center;justify-content:space-between;padding:9px 17px;gap:10px;flex-wrap:wrap}.preview-tools{display:flex;gap:6px;align-items:center}.icon-btn{padding:8px 11px;border-radius:8px;border:1px solid #2d4769;background:#152a44;color:#e2efff;font-size:12px}.icon-btn:hover,.icon-btn.active{background:#2155a0;border-color:#3c8af5}.preview-scroller{flex:1;min-height:0;overflow:auto;display:flex;align-items:flex-start;justify-content:center;padding:25px 20px;background:radial-gradient(circle at top,#1d3451,#091524 65%)}.preview-scroller canvas{display:block;width:auto;max-width:none;height:auto;box-shadow:0 16px 65px #0008;background:white}.preview-pager{display:flex;justify-content:center;align-items:center;gap:12px;border-top:1px solid #243956;padding:10px;color:#a7c4ec;font-size:12px}.editor-topbar{display:flex;justify-content:space-between;align-items:center;gap:14px}.editor-topbar h1{font-size:18px;margin:0}.action-row{display:flex;gap:8px;align-items:center}.modal-backdrop{position:fixed;inset:0;background:#000b;display:grid;place-items:center;z-index:80;padding:20px}.modal-dialog{width:min(96vw,840px);background:#101e30;border:1px solid #395478;border-radius:17px;padding:17px}.modal-dialog canvas{display:block;max-width:100%;max-height:65vh;margin:10px auto;cursor:crosshair;touch-action:none;background:#fff}.modal-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.modal-dialog p{font-size:12px;color:#b4c7dd}.tools-page{padding:50px 0 75px}.tools-page h1{font-size:34px;margin:0 0 8px}.category-heading{font-size:22px;margin:34px 0 15px}.tools-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.mini-tool{display:block;padding:18px;border-radius:12px;border:1px solid #314763;background:#102139}.mini-tool:hover{background:#193352;border-color:#3489ff}.mini-tool strong{display:block;font-size:15px;margin-bottom:6px}.mini-tool span{font-size:12px;color:#a6bad6}.simple-page{padding:52px 0;max-width:990px}.simple-page h1{font-size:36px}.simple-page p,.simple-page li{color:#b6c6dc;line-height:1.9}.muted{color:var(--muted)}.mobile-warning{display:none}
@media(max-width:1080px){.main-nav a{padding:8px}.hero-content{gap:14px}.hero-visual{min-height:430px}.visual-stack{max-width:400px}.editor-shell{grid-template-columns:minmax(290px,345px) minmax(0,1fr)}.tool-grid,.tools-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:740px){.container{padding:0 17px}.topbar{height:auto;min-height:66px}.top-inner{padding-top:9px;padding-bottom:9px;align-items:flex-start;flex-wrap:wrap}.brand{font-size:22px}.brand-logo{width:34px;height:34px}.top-action{font-size:12px;padding:9px}.main-nav{order:3;width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}.main-nav a{font-size:12px;white-space:nowrap}.hero-content{display:flex;flex-direction:column;align-items:stretch;padding:42px 0 35px;min-height:0}.hero h1{font-size:clamp(32px,8vw,48px)}.hero-visual{min-height:350px;order:-1;display:none}.quick-grid{grid-template-columns:1fr 1fr}.quick-grid .field:first-child{grid-column:1/-1}.service-wrap{padding:38px 0}.tool-grid{grid-template-columns:1fr 1fr;gap:10px}.tool-tile{min-height:180px;padding:14px}.tool-tile h3{font-size:15px}.tool-tile p{font-size:11px}.editor-shell{display:flex;flex-direction:column;padding:12px;gap:12px;min-height:0}.editor-panel{max-height:none;overflow:visible;padding:0}.editor-preview{max-height:none;height:auto}.preview-scroller{min-height:450px;overflow:auto}.preview-toolbar{height:auto;min-height:53px}.photo-list{grid-template-columns:repeat(2,minmax(0,1fr))}.tools-grid{grid-template-columns:repeat(2,1fr)}.feature-line{display:grid;grid-template-columns:1fr 1fr}.site-footer .container{display:block}.site-footer a{display:inline-block;padding:10px 12px 0 0}}
@media(max-width:420px){.form-row{grid-template-columns:1fr}.quick-actions{flex-direction:column}.tool-grid,.tools-grid{grid-template-columns:1fr 1fr}.preview-tools{flex-wrap:wrap}}
@media(max-width:740px){.audio-layout{display:flex!important;flex-direction:column}}
[hidden]{display:none!important}
@media(max-width:740px){.quick-title{align-items:flex-start;flex-direction:column;gap:6px}.quick-title small{display:block}}

/* PEIRU 4.1 - minimal optional logo & watermark controls */
.brand-advanced{margin-top:16px;border:1px solid #375273;border-radius:12px;background:#10243b;overflow:hidden}
.brand-advanced summary{padding:14px 13px;display:flex;align-items:center;gap:11px;cursor:pointer;color:#e6f1ff;font-size:13px;font-weight:800;list-style:none;user-select:none}
.brand-advanced summary::-webkit-details-marker{display:none}
.advanced-toggle-icon{display:grid;place-items:center;background:#2351a0;color:#e6f2ff;border-radius:8px;width:29px;height:29px;font-size:17px;flex:none}
.brand-advanced summary small{display:block;color:#8da9cf;font-size:11px;font-weight:500;margin-top:3px}
.advanced-caret{margin-left:auto;font-size:20px;color:#9ac7ff;transition:transform .2s}
.brand-advanced[open] .advanced-caret{transform:rotate(180deg)}
.brand-body{padding:4px 14px 15px;border-top:1px solid #2d4564}
.brand-block{padding:10px 0;border-bottom:1px solid #263e5b}
.brand-block:last-of-type{border-bottom:0}
.brand-switch{justify-content:flex-start;margin:2px 0 9px;cursor:pointer}
.brand-switch strong{font-size:13px;color:#e8f2ff}
.optional-pill{margin-left:auto;color:#89a9c9;font-size:10px}
.brand-options{display:grid;gap:12px;padding:2px 0 7px}
.brand-options[hidden],.brand-options .field[hidden],.brand-options [hidden]{display:none!important}
.brand-selected{padding:7px 10px;color:#94b0d0;font-size:11px;border:1px dashed #355575;border-radius:8px;overflow-wrap:anywhere}
.setting-help{font-size:11px;color:#849fc0;line-height:1.6;margin:5px 0}
.brand-options input[type="file"]{background:#0c1b2e;border:1px solid #3a506c;color:#b6cce7;border-radius:8px;padding:7px;width:100%;max-width:100%;font-size:11px}
.brand-options input[type="range"]{width:100%;accent-color:#2585ff;cursor:pointer}