.drafts-page{max-width:1500px;margin:auto}.drafts-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:20px 0}.drafts-heading h1{margin:0}.drafts-heading p{color:var(--muted)}.draft-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.draft-tabs button{border:1px solid #ddcbd2;background:#fff;border-radius:24px;padding:12px 20px;color:#512036;font:inherit;cursor:pointer}.draft-tabs button[aria-selected=true]{background:#512036;color:white}.dream-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px 32px;background:#fbf4e8;border:1px solid #e9decb;border-radius:20px 20px 0 0}.dream-intro h2{font-family:'Segoe Script','Brush Script MT',cursive;font-size:clamp(27px,4vw,46px);font-style:italic;letter-spacing:-1px;margin:0;color:#325448}.dream-intro p{margin:8px 0 0;color:#647265;font-size:13px}.dream-board-scroll{overflow:auto;border:10px solid #bb9472;border-top:5px solid #bb9472;border-radius:0 0 20px 20px;box-shadow:0 10px 30px #372e2412;max-height:75vh}.dream-board{position:relative;width:1200px;min-height:700px;background-color:#25483e;background-image:radial-gradient(#d9e2d91a 1px,transparent 1px);background-size:22px 22px}.dream-empty{position:absolute;left:36px;top:35px;color:#e6eee3;font-size:21px;font-family:'Segoe Script',cursive;max-width:400px}.dream-note{position:absolute;width:250px;min-height:190px;padding:0 18px 32px;color:#493b29;background:var(--paper,#ffe798);box-shadow:4px 9px 14px #0004;transform:rotate(-1deg);border-radius:2px 2px 30px 2px;overflow-wrap:anywhere}.dream-note:nth-child(even){transform:rotate(1deg)}.dream-note::after{content:'';position:absolute;right:0;bottom:0;width:28px;height:28px;background:linear-gradient(135deg,#ffffff90 45%,#0002 50%,transparent 52%);border-radius:0 0 28px 0;pointer-events:none}.dream-note[data-color=sun]{--paper:#ffe798}.dream-note[data-color=rose]{--paper:#ffc6d4}.dream-note[data-color=mint]{--paper:#c7e8b7}.dream-note[data-color=sky]{--paper:#bfe2f1}.dream-note[data-color=lilac]{--paper:#ddcef7}.dream-note[data-color=peach]{--paper:#ffd0a4}.dream-note h3{font-size:18px;margin:10px 0}.dream-note p{white-space:pre-wrap;line-height:1.65;font-size:14px;margin:0;max-height:300px;overflow:auto}.dream-grip{width:100%;border:0;border-bottom:1px dashed #0002;background:transparent;color:#594f40;padding:10px 0;cursor:grab;touch-action:none;font-size:12px}.dream-grip:active{cursor:grabbing}.dream-note.dragging{z-index:20;transform:rotate(0);box-shadow:8px 18px 25px #0005}.dream-tools{display:flex;gap:12px;margin-top:16px}.dream-tools button{border:0;background:#ffffff70;border-radius:8px;padding:6px 9px;color:#493b29;cursor:pointer}.draft-status{min-height:24px;font-size:13px;color:#6d384b;margin:12px 0}.draft-status[data-error=true]{color:#a01830}.draft-vault{background:#fff;border:1px solid #eee0e5;border-radius:20px;padding:24px}.draft-vault-head{display:flex;justify-content:space-between;align-items:center;gap:15px}.draft-vault p{color:var(--muted);line-height:1.6}.credential-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:20px}.credential-card{border:1px solid #eadfe3;border-radius:14px;padding:20px;background:#fffcfd}.credential-card h3{margin:0 0 10px;overflow-wrap:anywhere}.credential-card small{display:block;color:#76636b;margin-bottom:16px}.credential-card button{margin:0 8px 8px 0}.draft-dialog{border:1px solid #e6d3da;border-radius:22px;padding:28px;width:min(620px,90vw);max-height:85vh;overflow:auto;color:#512036;box-shadow:0 25px 80px #0003}.draft-dialog::backdrop{background:#29131b88;backdrop-filter:blur(3px)}.draft-dialog h2{margin-top:0}.draft-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.draft-form-grid label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:700}.draft-form-grid .wide{grid-column:1/-1}.draft-form-grid input,.draft-form-grid textarea,.draft-form-grid select{width:100%;min-width:0;box-sizing:border-box;border:1px solid #e4d1d9;border-radius:10px;padding:12px;font:inherit;color:#512036;background:#fff}.draft-form-grid textarea{min-height:130px;resize:vertical}.draft-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.draft-dialog button:focus-visible,.drafts-page button:focus-visible{outline:3px solid #327bab;outline-offset:3px}.draft-form-error{color:#a01830;white-space:pre-wrap;font-size:13px}.draft-show{align-self:flex-start;margin-top:5px;border:0;border-radius:6px;background:#eee5e9;padding:8px;color:#512036;cursor:pointer}@media(max-width:600px){.dream-intro{padding:20px;display:block}.dream-intro button{margin-top:16px}.draft-vault-head{align-items:flex-start;flex-direction:column}.draft-form-grid{grid-template-columns:1fr}.draft-dialog{padding:20px}.credential-list{grid-template-columns:1fr}}