.rocd-app{--ro-primary:#07569a;--ro-accent:#22a8ab;--ro-page:#f4f8fb;--ro-panel:#fff;--ro-text:#183247;--ro-max:1440px;--ro-font:Georgia,serif;color:var(--ro-text);background:var(--ro-page);font:15px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;width:100%;max-width:var(--ro-max);margin:0 auto;border-radius:14px;overflow:hidden;box-shadow:0 14px 40px #10324a12}.rocd-app *{box-sizing:border-box}.rocd-hero{display:flex;align-items:center;gap:15px;padding:22px 26px;color:#fff;background:linear-gradient(115deg,var(--ro-primary),var(--ro-accent));position:relative}.rocd-mark{width:48px;height:48px;display:grid;place-items:center;background:#ffffff20;border:1px solid #ffffff55;border-radius:12px;font-size:26px}.rocd-mark .dashicons{font-size:30px;width:30px;height:30px}.rocd-hero h2{color:#fff;font-size:25px;line-height:1.2;margin:0 0 4px}.rocd-hero p{margin:0;color:#ffffffdf}.rocd-head-actions{margin-left:auto;display:flex;gap:9px;align-items:center}.rocd-btn{border:1px solid #ccd9e3;background:var(--ro-panel);color:var(--ro-text);border-radius:8px;padding:10px 13px;cursor:pointer;font-weight:650;font-size:13px}.rocd-btn:hover,.rocd-tool:hover{filter:brightness(.97);transform:translateY(-1px)}.rocd-primary{background:#fff;color:var(--ro-primary);border-color:#fff}.rocd-layout{display:grid;grid-template-columns:270px minmax(0,1fr);min-height:650px}.rocd-sidebar{background:var(--ro-panel);border-right:1px solid #dbe5ed;padding:20px;display:flex;flex-direction:column;gap:14px}.rocd-sidebar h3{font-size:17px;margin:0}.rocd-label{display:block;font-size:12px;font-weight:700;margin:0 0 12px}.rocd-label input:not([type=color]),.rocd-label select,.rocd-label textarea{display:block;width:100%;margin-top:6px;border:1px solid #cbd8e2;border-radius:7px;padding:9px;background:var(--ro-panel);color:var(--ro-text);font:inherit;font-size:13px}.rocd-label input[type=file]{font-size:11px;padding:5px}.rocd-tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.rocd-tool{border:1px solid #d6e2e9;background:var(--ro-page);color:var(--ro-text);padding:10px 7px;border-radius:8px;cursor:pointer;font-weight:650;font-size:12px}.rocd-editor{border-top:1px solid #e1e9ef;padding-top:12px}.rocd-editor h4{margin:0 0 12px;font-size:14px}.rocd-two{display:grid;grid-template-columns:1fr 1fr;gap:9px}.rocd-danger{width:100%;background:#fff0ef;color:#a32d28;border-color:#f0c4c0}.rocd-hint,.rocd-bottom-help{font-size:11px;color:#718392}.rocd-sidebar-foot{display:flex;gap:7px;margin-top:auto}.rocd-sidebar-foot .rocd-btn{flex:1;padding:8px 4px;font-size:11px}.rocd-workspace{min-width:0;padding:18px;background:var(--ro-page)}.rocd-workbar{display:flex;justify-content:space-between;gap:10px;font-size:12px;margin-bottom:14px}.rocd-status{color:#758696}.rocd-canvas-wrap{width:100%;overflow:auto;padding:8px 2px 18px}.rocd-certificate{width:100%;min-width:600px;aspect-ratio:297/210;position:relative;overflow:hidden;background:#fff;color:#183247;font-family:var(--ro-font);box-shadow:0 6px 22px #122d401c;isolation:isolate}.rocd-certificate:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 45%,#fff 0%,#fff 60%,#f8fbfd 100%);z-index:-1}.rocd-border{position:absolute;pointer-events:none}.rocd-border-outer{inset:2.4%;border:3px solid #07569a}.rocd-border-inner{inset:3.7%;border:1px solid #22a8ab}.rocd-content{position:absolute;inset:7% 8%;}.rocd-item{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);min-width:20px;max-width:85%;padding:2px 5px;white-space:pre-wrap;text-align:center;cursor:move;touch-action:none;outline:1px solid transparent;user-select:none;line-height:1.25}.rocd-item.rocd-selected{outline:1px dashed #22a8ab;background:#22a8ab0d;z-index:999!important}.rocd-item.rocd-gold{color:#b68b26!important;text-shadow:0 1px 0 #fff3bd,0 2px 1px #78571466;font-weight:700}.rocd-item.rocd-stamp{border:3px double #a72c32;border-radius:50%;width:100px;height:100px;display:flex;align-items:center;justify-content:center;color:#a72c32;font-weight:bold;transform:translate(-50%,-50%) rotate(-12deg);padding:10px}.rocd-item.rocd-line{height:2px!important;background:#7d8a92;padding:0;min-width:130px}.rocd-template-classic .rocd-border-outer{border-color:#07569a}.rocd-template-gold .rocd-border-outer{border:5px double #b88d2b}.rocd-template-gold .rocd-border-inner{border-color:#dfc36d}.rocd-template-modern .rocd-border-outer{inset:0;border:0;border-top:14px solid #22a8ab;border-bottom:14px solid #07569a}.rocd-template-modern .rocd-border-inner{inset:4%;border:1px solid #d8e8eb}.rocd-template-minimal .rocd-border-outer{inset:4%;border:1px solid #c6cfd5}.rocd-template-minimal .rocd-border-inner{display:none}.rocd-template-appreciation .rocd-border-outer{inset:2%;border:3px dashed #22a8ab}.rocd-bottom-help{margin-top:10px}.rocd-credit{text-align:center;font-size:11px;padding:10px;border-top:1px solid #dbe5ed}.rocd-credit a{color:var(--ro-primary);font-weight:700;text-decoration:none}.rocd-app.rocd-dark{--ro-page:#132432;--ro-panel:#1d3344;--ro-text:#edf5fa;color:var(--ro-text)}.rocd-dark .rocd-sidebar{border-color:#2f4b5f}.rocd-dark .rocd-tool,.rocd-dark .rocd-btn:not(.rocd-primary){background:#263f51;color:#edf5fa;border-color:#3c596d}.rocd-dark .rocd-label input,.rocd-dark .rocd-label select,.rocd-dark .rocd-label textarea{border-color:#3c596d}.rocd-dark .rocd-credit{border-color:#2f4b5f}.rocd-dark .rocd-certificate{filter:none}.rocd-dark .rocd-workbar,.rocd-dark .rocd-status,.rocd-dark .rocd-hint,.rocd-dark .rocd-bottom-help{color:#b3c6d2}@media(max-width:850px){.rocd-layout{grid-template-columns:1fr}.rocd-sidebar{border-right:0;border-bottom:1px solid #dbe5ed}.rocd-hero{flex-wrap:wrap;padding:17px}.rocd-head-actions{width:100%;margin-left:0}.rocd-workspace{padding:12px}.rocd-certificate{min-width:560px}}@media print{body *{visibility:hidden!important}.rocd-certificate,.rocd-certificate *{visibility:visible!important}.rocd-certificate{position:fixed!important;left:0!important;top:0!important;width:100vw!important;height:70.7vw!important;min-width:0!important;box-shadow:none!important;print-color-adjust:exact;-webkit-print-color-adjust:exact}.rocd-certificate .rocd-item{outline:none!important;background:transparent!important}.rocd-app,.rocd-canvas-wrap{overflow:visible!important}.rocd-border{print-color-adjust:exact;-webkit-print-color-adjust:exact}@page{size:A4 landscape;margin:0}}
/* v1.0.1 editor reliability and background presets */
.rocd-certificate{background-color:#fff;background-image:none;isolation:isolate}
.rocd-certificate:before{z-index:0;inset:0;opacity:.25}
.rocd-border,.rocd-content{z-index:1}
.rocd-content{z-index:2}
.rocd-bg-plain{background-image:none!important;background-color:#fff!important}
.rocd-bg-lines{background-image:repeating-linear-gradient(0deg,transparent 0,transparent 23px,#d9e4ed 24px,#d9e4ed 25px),linear-gradient(#fff,#fff)!important}
.rocd-bg-dots{background-image:radial-gradient(#c7d8e3 .8px,transparent .8px),linear-gradient(#fff,#fff)!important;background-size:18px 18px,100% 100%!important}
.rocd-bg-geometric{background-image:linear-gradient(135deg,#f2fbfb 0 14%,transparent 14% 86%,#eef7fb 86%),linear-gradient(45deg,transparent 0 46%,#e5f3f3 46% 47%,transparent 47%),linear-gradient(#fff,#fff)!important}
.rocd-bg-corners{background-image:radial-gradient(circle at 0 0,#d9c27a 0 2px,transparent 3px),radial-gradient(circle at 100% 0,#d9c27a 0 2px,transparent 3px),radial-gradient(circle at 0 100%,#d9c27a 0 2px,transparent 3px),radial-gradient(circle at 100% 100%,#d9c27a 0 2px,transparent 3px),linear-gradient(#fff,#fff)!important;background-size:100% 100%!important}
.rocd-bg-gold{background-image:linear-gradient(#fff,#fff)!important}
.rocd-template-gold .rocd-border-outer{border:5px double #b88d2b!important}.rocd-template-gold .rocd-border-inner{border-color:#dfc36d!important}
.rocd-logo-image{display:block;width:100%;height:auto;max-height:130px;object-fit:contain;pointer-events:none;user-select:none}
.rocd-item.rocd-selected{outline:1px dashed #22a8ab!important;box-shadow:0 0 0 2px #22a8ab22;z-index:9999!important}
.rocd-item{touch-action:none;cursor:move}
.rocd-app .rocd-editor[hidden]{display:none!important}
@media print{.rocd-certificate:before{opacity:.25!important}.rocd-certificate{background-size:100% 100%!important}.rocd-item.rocd-selected{outline:none!important;box-shadow:none!important}}
/* v1.0.2 interaction fixes */
.rocd-certificate{position:relative;touch-action:pan-y}
.rocd-content{z-index:2;pointer-events:none}
.rocd-item{pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab}
.rocd-item:active{cursor:grabbing}
.rocd-item.rocd-selected{outline:2px dashed #22a8ab!important;outline-offset:2px;box-shadow:0 0 0 3px #22a8ab24;z-index:99999!important}
.rocd-item.rocd-line{min-height:2px;min-width:80px}
.rocd-item.rocd-stamp{z-index:5}
.rocd-bg-gold{background-image:linear-gradient(#fffdf5,#fffdf5)!important}
.rocd-bg-upload{background-repeat:no-repeat!important;background-position:center!important;background-size:100% 100%!important}
.rocd-logo-image{pointer-events:none}
.rocd-app .rocd-item-text:disabled{opacity:.6}
.rocd-dark .rocd-editor{border-color:#2f4b5f}
@media print{.rocd-certificate{height:auto!important;aspect-ratio:297/210!important}.rocd-content{pointer-events:none}.rocd-item{pointer-events:none}}

.rocd-bg-upload:before{display:none!important}
/* v1.0.3 expanded certificate styles and backgrounds */
.rocd-bg-double{background-image:linear-gradient(#fff,#fff)!important}
.rocd-bg-double .rocd-border-outer{inset:2%;border:5px double #07569a}
.rocd-bg-waves{background-image:radial-gradient(ellipse at 0% 100%,#d9f1ef 0 18%,transparent 18.5%),radial-gradient(ellipse at 100% 0%,#e4eef9 0 18%,transparent 18.5%),linear-gradient(#fff,#fff)!important}
.rocd-bg-diagonal{background-image:linear-gradient(135deg,transparent 0 9%,#eaf2f8 9% 10%,transparent 10% 90%,#d9efec 90% 91%,transparent 91%),linear-gradient(#fff,#fff)!important}
.rocd-bg-grid{background-image:linear-gradient(#dce6ed 1px,transparent 1px),linear-gradient(90deg,#dce6ed 1px,transparent 1px),linear-gradient(#fff,#fff)!important;background-size:24px 24px,24px 24px,100% 100%!important}
.rocd-bg-marble{background-image:repeating-linear-gradient(125deg,transparent 0 28px,#e8e1d5 29px,#fff 31px,#e8e1d5 32px,transparent 34px),linear-gradient(135deg,#fffdf8,#f7f3ec)!important}
.rocd-bg-ribbon{background-image:linear-gradient(135deg,#07569a 0 2%,transparent 2.2%),linear-gradient(225deg,#22a8ab 0 2%,transparent 2.2%),linear-gradient(45deg,#22a8ab 0 2%,transparent 2.2%),linear-gradient(315deg,#07569a 0 2%,transparent 2.2%),linear-gradient(#fff,#fff)!important}
.rocd-bg-navy{background-image:linear-gradient(#fdfdfd,#fdfdfd)!important}
.rocd-bg-emerald{background-image:linear-gradient(#fbfffd,#fbfffd)!important}
.rocd-bg-purple{background-image:linear-gradient(#fffaff,#fffaff)!important}
.rocd-template-corporate .rocd-border-outer{inset:2.3%;border:4px solid #123b62!important}
.rocd-template-corporate .rocd-border-inner{inset:4%;border:1px solid #9bb5ca!important}
.rocd-template-royal .rocd-border-outer{inset:2.2%;border:5px double #7651a8!important}
.rocd-template-royal .rocd-border-inner{inset:4%;border:1px solid #cbb9e1!important}
.rocd-template-emerald .rocd-border-outer{inset:2.2%;border:4px double #27806b!important}
.rocd-template-emerald .rocd-border-inner{inset:4%;border:1px solid #a8d0c4!important}
.rocd-template-blackgold{background-color:#fffdf7!important}
.rocd-template-blackgold .rocd-border-outer{inset:2%;border:6px double #b68b26!important}
.rocd-template-blackgold .rocd-border-inner{inset:4%;border:1px solid #d8bd6a!important}
.rocd-template-academic .rocd-border-outer{inset:2.2%;border:4px solid #123b62!important}
.rocd-template-academic .rocd-border-inner{inset:3.8%;border:2px solid #b68b26!important}
.rocd-template-modernminimal .rocd-border-outer{inset:0;border:0;border-left:14px solid #22a8ab!important;border-bottom:7px solid #07569a!important}
.rocd-template-modernminimal .rocd-border-inner{inset:4%;border:1px solid #e0e8ec!important}
.rocd-template-creative .rocd-border-outer{inset:2.3%;border:4px dashed #d36a38!important}
.rocd-template-creative .rocd-border-inner{inset:4%;border:2px solid #e8c8b8!important}
.rocd-template-medical .rocd-border-outer{inset:2.2%;border:4px solid #168a91!important}
.rocd-template-medical .rocd-border-inner{inset:4%;border:1px solid #a9d9d9!important}
.rocd-template-volunteer .rocd-border-outer{inset:2.2%;border:4px double #27806b!important}
.rocd-template-volunteer .rocd-border-inner{inset:4%;border:1px dashed #a8d0c4!important}
.rocd-template-completion .rocd-border-outer{inset:2.2%;border:5px solid #07569a!important}
.rocd-template-completion .rocd-border-inner{inset:4%;border:2px solid #22a8ab!important}
.rocd-template-blackgold .rocd-item.rocd-gold{color:#b68b26!important;text-shadow:0 1px 0 #fff3bd,0 2px 1px #78571466}