:root{--blue:#1767e8;--blue2:#2f83f7;--cyan:#0ea5e9;--ink:#172033;--muted:#68768d;--line:#dfe8f5;--bg:#eef4fb;--danger:#d94d62;--shadow:0 18px 46px rgba(30,60,105,.13)}
*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:Inter,Poppins,Arial,sans-serif;color:var(--ink);background:var(--bg)}button,input,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}.app-shell{height:100vh;display:grid;grid-template-columns:300px 1fr;overflow:hidden}.sidebar{background:linear-gradient(180deg,#fff,#fbfdff);overflow:auto;border-right:1px solid #d8e3f0;padding:15px 15px 28px}.brand{text-decoration:none;color:inherit;display:flex;align-items:center;gap:11px;padding:9px;border:1px solid #d9e6f5;border-radius:15px;background:#fff;box-shadow:0 10px 25px rgba(31,69,125,.08)}.brand img{width:105px;height:48px;object-fit:contain}.brand div{display:grid;gap:3px}.brand b{font-size:12px;color:#155edc;letter-spacing:.08em}.brand span{font-size:10px;color:var(--muted)}.panel-section{padding:17px 0;border-bottom:1px solid var(--line)}.section-title{display:flex;gap:8px;align-items:center;font-size:13px;font-weight:900;margin-bottom:11px}.section-title>span{width:22px;height:22px;display:grid;place-items:center;border-radius:7px;background:#edf5ff;border:1px solid #d6e7ff;color:var(--blue);font-size:10px}.upload-card{min-height:88px;border:1.5px dashed #b8d2fb;border-radius:12px;background:linear-gradient(180deg,#fcfeff,#f3f8ff);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#49617f}.upload-card.compact{min-height:72px;margin-top:10px}.upload-card:hover{background:#edf5ff;border-color:var(--blue)}.upload-card b{font-size:11px}.upload-card small{font-size:9px;color:#8b96a8;margin-top:3px}.upload-icon{font-size:20px;color:var(--blue)}.design-thumb{height:74px;margin-top:7px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#f4f7fb;display:flex;align-items:center;justify-content:center}.design-thumb img{width:100%;height:100%;object-fit:contain;background:#e9eef5}.design-thumb span{font-size:9px;color:#8b96a8}.field-grid{display:grid;gap:8px;margin-top:8px}.field-grid.two{grid-template-columns:1fr 1fr}.panel-section label{display:grid;gap:4px;font-size:9px;font-weight:800;color:#5f6d83}.panel-section input,.panel-section select{width:100%;padding:8px;border:1px solid #d8e3f0;border-radius:8px;background:#fff;color:#26364c}.check-row{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:7px!important;margin-top:8px}.check-row input{width:auto!important;accent-color:var(--blue)}.btn{border:1px solid transparent;border-radius:9px;padding:9px 10px;font-size:10px;font-weight:800}.btn-primary{background:linear-gradient(135deg,var(--blue),var(--blue2),var(--cyan));color:#fff;box-shadow:0 8px 20px rgba(31,111,255,.18)}.btn-soft{background:linear-gradient(180deg,#fff,#f7fafe);border-color:#dce6f2;color:#344a65}.btn-dark{background:linear-gradient(135deg,#25344c,#172033);color:#fff}.btn-block{width:100%;margin-top:8px}.button-grid{display:grid;gap:7px;margin-top:8px}.button-grid.two{grid-template-columns:1fr 1fr}.file-btn{text-align:center}.print-note{font-size:9px;line-height:1.5;color:var(--muted)}
.main-area{min-width:0;height:100vh;display:flex;flex-direction:column}.topbar{height:66px;flex:0 0 66px;background:linear-gradient(115deg,#115fdf,#2b7cf3 55%,#0ea5e9);color:#fff;display:flex;align-items:center;gap:9px;padding:9px 12px;box-shadow:0 7px 22px rgba(23,89,202,.22);overflow-x:auto}.home-btn{width:34px;height:34px;flex:0 0 34px;border-radius:9px;border:1px solid rgba(255,255,255,.24);color:#fff;text-decoration:none;display:grid;place-items:center;background:rgba(255,255,255,.12);font-size:18px}.editor-heading{min-width:150px;display:grid;gap:3px}.editor-heading b{font-size:12px;letter-spacing:.09em}.editor-heading span{font-size:9px;opacity:.86}.side-switch{display:flex;background:rgba(255,255,255,.10);padding:3px;border-radius:10px;border:1px solid rgba(255,255,255,.16)}.side-btn{border:0;background:transparent;color:#fff;padding:7px 10px;border-radius:7px;font-size:9px;font-weight:900}.side-btn.active{background:#fff;color:#1767e8}.zoom-tools{display:flex;gap:4px;margin-left:auto}.zoom-tools button,.toolbar-btn{height:32px;border-radius:9px;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.12);color:#fff;padding:0 10px;font-size:9px;font-weight:800}.zoom-tools button:first-child,.zoom-tools button:nth-child(3){width:32px;padding:0}.toolbar-btn.white{background:#fff;color:#1767e8;border-color:#fff}.workspace{flex:1;min-height:0;display:flex;flex-direction:column;background:radial-gradient(circle at top left,#f5f9ff,#edf3fa 55%,#eaf1f8)}.page-tabs{height:38px;flex:0 0 38px;display:flex;gap:6px;align-items:center;padding:6px 12px;background:#f7fafd;border-bottom:1px solid #dce6f2;overflow-x:auto}.page-tab{border:1px solid #dce6f2;background:#fff;border-radius:8px;padding:5px 9px;font-size:9px;color:#4a5c74}.page-tab.active{border-color:#8dbbff;background:#eaf3ff;color:#155fdc;font-weight:900}.canvas-wrap{flex:1;overflow:auto;padding:28px;display:flex;justify-content:center;align-items:flex-start}.paper{position:relative;background:#fff;box-shadow:0 20px 55px rgba(32,47,77,.17);transform-origin:top left;user-select:none;overflow:hidden}
.guide-region{position:absolute;border:1px dashed rgba(23,103,232,.32);background:rgba(23,103,232,.02);pointer-events:none;z-index:0;border-radius:4px}.guide-region-label{position:absolute;left:6px;top:6px;padding:2px 6px;border-radius:999px;background:rgba(23,103,232,.08);color:#3a64a3;font-size:8px;font-weight:800;letter-spacing:.06em}.guide-cell{position:absolute;border:1px dashed rgba(23,103,232,.25);background:repeating-linear-gradient(135deg,rgba(23,103,232,.02) 0 6px,rgba(23,103,232,.035) 6px 12px);pointer-events:none;z-index:0;border-radius:2px}.card-object{z-index:2}
.card-object{position:absolute;background:#fff;box-shadow:0 2px 6px rgba(26,37,60,.08);cursor:move}.card-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.card-trim{position:absolute;pointer-events:none;border:1px solid rgba(15,27,49,.65)}.card-label{position:absolute;right:2px;bottom:2px;padding:2px 4px;border-radius:4px;background:rgba(15,27,49,.7);color:#fff;font-size:7px;z-index:4}.crop-mark{position:absolute;pointer-events:none}.crop-mark:before,.crop-mark:after{content:"";position:absolute;background:#111}.mark-tl{left:-5px;top:-5px}.mark-tr{right:-5px;top:-5px}.mark-bl{left:-5px;bottom:-5px}.mark-br{right:-5px;bottom:-5px}.mark-tl:before,.mark-bl:before{width:5px;height:1px;left:0}.mark-tr:before,.mark-br:before{width:5px;height:1px;right:0}.mark-tl:after,.mark-tr:after{width:1px;height:5px;top:0}.mark-bl:after,.mark-br:after{width:1px;height:5px;bottom:0}.mark-tl:before,.mark-tr:before{top:0}.mark-bl:before,.mark-br:before{bottom:0}.mark-tl:after,.mark-bl:after{left:0}.mark-tr:after,.mark-br:after{right:0}.statusbar{height:28px;flex:0 0 28px;background:#fff;border-top:1px solid #dce6f2;display:flex;align-items:center;gap:18px;padding:0 12px;font-size:9px;color:#69778d}
.modal{position:fixed;inset:0;background:rgba(22,30,45,.48);display:grid;place-items:center;padding:20px;z-index:100;backdrop-filter:blur(4px)}.modal-card{width:min(900px,96vw);max-height:92vh;background:#fff;border-radius:14px;box-shadow:0 28px 80px rgba(20,28,42,.24);display:flex;flex-direction:column;overflow:hidden}.modal-card.small{width:min(460px,96vw)}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:13px 15px;border-bottom:1px solid var(--line)}.modal-head h3{font-size:13px;margin:0}.modal-head button{width:30px;height:30px;border:0;border-radius:8px;background:#f2f5f9}.modal-body{padding:15px;overflow:auto}.modal-foot{padding:12px 15px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:flex-end;gap:10px}.preview-card{width:min(1100px,98vw);height:92vh}.preview-pages{flex:1;overflow:auto;background:#eaf0f6;padding:20px;display:flex;gap:18px;flex-wrap:wrap;justify-content:center;align-items:flex-start}.preview-pages img{max-width:390px;max-height:72vh;background:#fff;box-shadow:var(--shadow)}.preview-foot{justify-content:space-between;font-size:10px}.toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);background:#1d2a3d;color:#fff;border-radius:10px;padding:10px 14px;font-size:10px;z-index:1000;box-shadow:var(--shadow)}.print-layer{display:none}
@media(max-width:1000px){.app-shell{grid-template-columns:270px 1fr}.editor-heading{display:none}}
@media print{html,body{margin:0!important;padding:0!important;background:#fff!important;overflow:visible!important}.app-shell,.modal,.toast,.no-print{display:none!important}.print-layer{display:block!important}.print-page{position:relative;margin:0;break-after:page;page-break-after:always;overflow:hidden;background:#fff}.print-page:last-child{break-after:auto;page-break-after:auto}.print-page img{display:block;width:100%;height:100%;object-fit:fill}}

.card-object.selected-card{outline:2px solid #1767e8;outline-offset:2px}.card-image-wrap{position:absolute;inset:0;overflow:hidden;z-index:0}.card-image-wrap.mirror{transform:scaleX(-1)}.card-image{position:absolute!important;max-width:none!important;max-height:none!important;object-fit:initial!important}.card-crop-shortcut{position:absolute;left:4px;top:4px;z-index:7;width:24px;height:24px;border:0;border-radius:7px;background:rgba(23,103,232,.92);color:#fff;font-size:12px;font-weight:900;display:grid;place-items:center;box-shadow:0 3px 9px rgba(0,0,0,.16)}.crop-card-flex{width:min(980px,96vw)}.crop-flex-body{display:grid;grid-template-columns:minmax(320px,1.25fr) minmax(260px,.75fr);gap:22px;align-items:start}.crop-stage-wrap{display:grid;place-items:center;gap:10px;min-width:0}.card-crop-frame{position:relative;width:min(560px,100%);background:#e6edf6;overflow:hidden;border:2px solid #1767e8;border-radius:10px;box-shadow:0 14px 35px rgba(31,69,125,.12);cursor:grab;user-select:none}.card-crop-frame:active{cursor:grabbing}.card-crop-frame img{position:absolute;max-width:none;max-height:none;pointer-events:none;user-select:none}.crop-help{font-size:10px;line-height:1.5;color:#68768d;text-align:center}.crop-flex-controls{display:grid;gap:14px}.crop-flex-controls label{display:grid;gap:7px;font-size:11px;font-weight:800;color:#51627a}.crop-flex-controls input[type=range]{width:100%;accent-color:#1767e8}.crop-info-box{padding:12px;border-radius:10px;background:#edf5ff;border:1px solid #d7e8ff;color:#4b6484;font-size:10px;line-height:1.55}@media(max-width:760px){.crop-flex-body{grid-template-columns:1fr}.card-crop-frame{width:min(520px,92vw)}}

.rotate-buttons .btn{min-height:38px}.crop-flex-controls label b{font-variant-numeric:tabular-nums}