#landingCopyView{width:min(1480px,calc(100% - 64px));padding-top:54px}
.copy-studio{--copy-accent:#354c43;--copy-line:#dce3df;color:#25312c;padding-bottom:36px}
.copy-studio *{box-sizing:border-box}.copy-studio [hidden]{display:none!important}
.copy-studio :is(button,input,select,textarea){font:inherit}.copy-studio button{cursor:pointer}.copy-studio button:disabled{opacity:.5;cursor:not-allowed}
.copy-studio :is(button,input,select,textarea,summary,a):focus-visible{outline:3px solid #809f8f;outline-offset:3px}
.copy-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px 34px;border-radius:18px;background:#e9eeea;margin-bottom:25px}
.copy-kicker{font-size:10px;letter-spacing:.18em;font-weight:800;color:#62776a}.copy-intro h2{font-size:clamp(24px,2.8vw,35px);margin:12px 0 8px;letter-spacing:-.05em}.copy-intro p{font-size:14px;line-height:1.7;color:#647267;margin:0}.copy-badge{font-size:12px;border:1px solid #bfcfc3;border-radius:30px;padding:9px 14px;white-space:nowrap}
.copy-steps{display:flex;gap:25px;list-style:none;padding:0;margin:0 0 26px;color:#819087;font-size:11px}.copy-steps li{display:flex;align-items:center;gap:8px;border-bottom:2px solid transparent;padding-bottom:10px}.copy-steps strong{font-size:13px}.copy-steps .current{color:#354c43;border-color:#354c43}
.copy-panel{min-width:0;padding:26px;background:#fff;border:1px solid var(--copy-line);border-radius:16px}.copy-panel h2,.copy-review-heading h2{font-size:18px;margin:0 0 16px;letter-spacing:-.04em}
.copy-setup{margin-bottom:24px}.copy-setup form>label{display:block;font-size:13px;font-weight:700;margin-bottom:8px}.copy-url-row{display:flex;gap:12px}.copy-url-row input{flex:1;min-width:0;border:1px solid #d9e0db;border-radius:9px;padding:13px;background:#fcfdfc;font-size:14px}
.copy-primary,.copy-secondary{min-height:42px;border-radius:9px;padding:11px 17px;font-size:13px;font-weight:700;border:1px solid #cbd7ce;white-space:nowrap}.copy-primary{background:#354c43;color:#fff;border-color:#354c43}.copy-secondary{background:#fff;color:#435b4e}.copy-secondary[aria-pressed=true]{background:#e4eee7;border-color:#53755f}
.copy-help{font-size:12px;line-height:1.75;color:#738177;overflow-wrap:anywhere}.copy-setup .copy-help{margin-bottom:0}.copy-message{padding:13px 17px;background:#eaf2eb;color:#34553e;border:1px solid #cadaca;border-radius:10px;font-size:13px;line-height:1.6;overflow-wrap:anywhere}.copy-message.error{background:#fff3ee;border-color:#e8cabb;color:#965339}
.copy-progress{margin-bottom:24px;text-align:center;padding:35px}.copy-progress p{font-size:13px;color:#738177}.copy-progress progress{display:block;width:min(360px,100%);height:8px;margin:20px auto;accent-color:#354c43}
.copy-review-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.copy-review-heading h2{margin:0}.copy-review-heading .copy-help{margin:7px 0 0}.copy-warnings{border:1px solid #e7d7b3;background:#fffaf0;padding:14px 18px;border-radius:10px;margin:0 0 20px;color:#735d31;font-size:12px}.copy-warnings summary{cursor:pointer;font-weight:700}.copy-warnings ul{padding-left:20px;line-height:1.8}
.copy-workspace{display:grid;grid-template-columns:minmax(300px,365px) minmax(0,1fr);gap:22px;align-items:start}.copy-editor{max-height:835px;overflow:auto;overscroll-behavior:contain;padding:20px}.copy-field{display:block;font-size:12px;font-weight:700;line-height:1.55;color:#435248;margin-bottom:18px;overflow-wrap:anywhere}.copy-field :is(input,textarea,select){display:block;width:100%;margin-top:8px;min-height:42px;border:1px solid #d9e0db;border-radius:8px;padding:10px;background:#fcfdfc;color:#27362c;font-size:13px;font-weight:400}.copy-field textarea{resize:vertical;line-height:1.65}.copy-field input[type=file]{padding:8px;font-size:11px}.copy-edit-field{border-top:1px solid #e0e7e1;padding-top:17px;margin-top:17px}.copy-edit-field .copy-help{margin:-7px 0 0}.copy-edit-field label>span{display:block;max-height:65px;overflow:auto}.copy-edit-image{display:block;width:100%;height:135px;object-fit:contain;background:#eef2ee;border-radius:8px;margin-bottom:12px}
.copy-preview-area{min-width:0}.copy-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;min-height:44px}.copy-preview-toolbar>strong{font-size:14px}.copy-preview-toolbar>div{display:flex;gap:6px}.copy-preview-toolbar button{font-size:11px;min-height:36px;padding:8px 12px}.copy-preview-area>.copy-help{margin:8px 0 13px;min-height:21px}.copy-preview-shell{width:100%;overflow:hidden;border:1px solid #d9e1db;border-radius:10px;background:#fff;position:relative}.copy-preview-shell iframe{display:block;border:0;transform-origin:top left;background:#fff}
.copy-banner-manager{border:1px solid #dce3df;background:#f5f8f5;border-radius:10px;padding:14px;margin-bottom:22px}.copy-banner-manager h3{font-size:14px;margin:0 0 8px}.copy-banner-manager>.copy-help{margin:0 0 12px}.copy-banner-card+.copy-banner-card{border-top:1px solid #dce3df;margin-top:18px;padding-top:18px}.copy-banner-card>strong{display:block;font-size:12px;overflow-wrap:anywhere}.copy-banner-toggle{display:flex;align-items:center;gap:9px;min-height:44px;margin:6px 0 12px;font-size:13px;cursor:pointer}.copy-banner-toggle input{width:19px;height:19px;accent-color:#354c43;flex:none}.copy-image-editor{min-width:0}.copy-image-editor .copy-field{margin-bottom:12px}.copy-image-editor>.copy-help{margin:0;font-size:11px}.copy-banner-card .copy-image-editor+.copy-image-editor{border-top:1px solid #dce3df;padding-top:16px;margin-top:16px}.copy-edit-image{background-color:#e6e9e6;background-image:linear-gradient(45deg,#f7f8f7 25%,transparent 25%),linear-gradient(-45deg,#f7f8f7 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f7f8f7 75%),linear-gradient(-45deg,transparent 75%,#f7f8f7 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}
.copy-save-bar{position:sticky;bottom:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;margin-top:18px;border-top:1px solid #dce3df;background:#f5f7fbf2;backdrop-filter:blur(12px)}.copy-save-bar>span{font-size:12px;color:#738177}.copy-save-bar>div{display:flex;gap:10px}
.copy-editor-region{border:1px solid #cddbd1;border-radius:12px;margin-top:18px;padding:15px;min-width:0;background:#fff}.copy-region-heading{display:flex;flex-direction:column;align-items:flex-start;gap:7px;border-bottom:1px solid #dce5df;padding-bottom:10px}.copy-region-heading h3{font-size:14px;line-height:1.6;margin:0;overflow-wrap:anywhere}.copy-visibility-toggle{display:flex;align-items:center;gap:8px;width:fit-content;max-width:100%;min-height:36px;font-size:12px;font-weight:600;color:#40574a;cursor:pointer;margin:0 0 8px}.copy-visibility-toggle input[type=checkbox]{width:18px;height:18px;flex:none;margin:0;accent-color:#354c43;cursor:pointer}.copy-region-toggle{margin:0}.copy-region-state{margin:10px 0 0;font-size:11px}.copy-editor-region .copy-edit-field{margin-top:13px;padding-top:13px}.copy-item-hidden>.copy-field,.copy-item-hidden>.copy-image-editor{opacity:.7}.copy-region-hidden{background:#f0f2f1;border-color:#d8ddda}.copy-item-disabled :is(input,textarea,select){background-color:#ecefed;color:#7b837e;cursor:not-allowed}.copy-item-disabled>.copy-visibility-toggle{color:#89918c;cursor:not-allowed}.copy-item-disabled input[type=checkbox]{cursor:not-allowed}.copy-banner-item+.copy-banner-item{border-top:1px solid #dce3df;margin-top:16px;padding-top:16px}.copy-banner-item>.copy-visibility-toggle{margin-bottom:8px}
.copy-banner-manager>summary{font-size:12px;font-weight:700;cursor:pointer;line-height:1.6}.copy-banner-manager[open]>summary{margin-bottom:12px}
.copy-saved{margin-top:28px}.copy-saved .copy-review-heading{margin-bottom:10px}.copy-saved-card{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;text-align:left;padding:16px;border:1px solid #dce3df;border-radius:10px;background:#fff;margin-top:10px}.copy-saved-card strong{font-size:13px;overflow-wrap:anywhere}.copy-saved-card span{font-size:11px;color:#738177;white-space:nowrap}
@media(max-width:1000px){.copy-workspace{grid-template-columns:minmax(260px,310px) minmax(0,1fr)}}
@media(max-width:800px){.copy-workspace{grid-template-columns:minmax(0,1fr)}.copy-editor{max-height:500px}.copy-preview-area{grid-row:1}.copy-save-bar{bottom:0}}
@media(max-width:720px){#landingCopyView{width:calc(100% - 28px);padding-top:28px}.copy-intro{padding:24px;align-items:flex-start;flex-direction:column;gap:18px}.copy-intro p{font-size:12px}.copy-steps{gap:13px}.copy-steps strong{font-size:11px}.copy-panel{padding:20px}.copy-url-row{flex-direction:column}.copy-save-bar{align-items:stretch;flex-direction:column;gap:10px}.copy-save-bar>div button{flex:1}.copy-saved-card{align-items:flex-start;flex-direction:column;gap:7px}.copy-review-heading{gap:12px}}
