/* Scoped portfolio sandbox surfaces; the outer phone stays on the black stage. */
.pf-icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex:none;vertical-align:middle}
.pf-page{padding:20px 22px 28px}.pf-page h1,.pf-page h2,.pf-editor h1,.pf-editor h2{letter-spacing:-.7px}.pf-page button,.pf-editor button,.pf-overlay button{touch-action:manipulation}.pf-eyebrow{font-family:Manrope,sans-serif;font-size:8px;font-weight:700;letter-spacing:1.55px;color:#929b84;margin-bottom:10px}.pf-hub-head{display:flex;justify-content:space-between;align-items:center}.pf-hub-head h1{font-size:27px;letter-spacing:-1.3px}.pf-spark{font-size:29px;color:#849a55;margin-left:9px;font-weight:400}.pf-round{width:33px;height:33px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;padding:6px;flex:none}.pf-round:hover{background:#e9eedf}.pf-soft{background:#edf1e5}.pf-intro{font-size:12px;line-height:1.85;color:#7f8971;margin-top:16px;margin-bottom:23px}.pf-sample{position:relative;height:238px;border-radius:18px;overflow:hidden;background:#263c52}.pf-sample>img{width:100%;height:100%;object-fit:cover;object-position:center 36%}.pf-sample:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#071c2025 5%,transparent 35%,#101e32cc)}.pf-sample-pill{position:absolute;z-index:1;top:15px;left:15px;border:1px solid #ffffff52;background:#18333c42;color:#f6f8ef;padding:6px 9px;border-radius:20px;backdrop-filter:blur(8px);font-size:9px;display:flex;align-items:center;gap:5px}.pf-sample-pill .pf-icon{width:12px;height:12px}.pf-sample-bottom{position:absolute;z-index:1;bottom:23px;left:22px;right:22px;display:flex;align-items:end;justify-content:space-between;color:#f5f7ec}.pf-sample-bottom small{font-size:7px;letter-spacing:1.5px;color:#d5dfd6}.pf-sample-bottom h2{font:600 43px/1.2 Manrope,sans-serif;letter-spacing:-2px;margin-top:3px}.pf-sample-bottom p{font-size:9px;color:#cad9d7;margin-top:6px}.pf-sample-star{font-size:70px;line-height:1;color:#d9ee96;transform:rotate(10deg)}.pf-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 15px;border-radius:11px;font-size:11px;font-weight:600;min-height:43px;width:100%;line-height:1.4;text-align:center}.pf-btn .pf-icon{width:16px;height:16px}.pf-primary{background:#293125;color:#f5f8ed}.pf-primary:hover{background:#3e4b34}.pf-secondary{border:1px solid #dce4d1;background:#f9faf5;color:#647452}.pf-secondary:hover{background:#edf2e4}.pf-create{margin-top:13px;justify-content:space-between;padding:15px 17px;background:#d8ed9b;color:#2d3d23}.pf-create:hover{background:#cee58b}.pf-create .pf-icon{width:19px}.pf-steps{display:flex;align-items:center;justify-content:center;gap:9px;font-size:8px;color:#94a081;padding:15px 0 6px}.pf-steps i{height:2px;width:2px;background:#b6c0a4;border-radius:50%}.pf-section-title{display:flex;align-items:center;justify-content:space-between;margin:24px 0 12px}.pf-section-title h2{font-size:14px;font-weight:700;letter-spacing:-.5px}.pf-section-title>span{font-size:9px;color:#94a080}.pf-hub-empty{display:flex;align-items:center;gap:12px;background:#f0f3e8;border:1px dashed #dce3cf;border-radius:13px;padding:17px 15px;color:#768465}.pf-hub-empty>.pf-icon{width:22px;height:22px}.pf-hub-empty p{font-size:11px;line-height:1.8}.pf-hub-empty span{font-size:9px;color:#94a181}.pf-footnote{font-size:9px;line-height:1.85;color:#9da68f;text-align:center;margin:22px 0 3px}.pf-saved-list{border-top:1px solid #e5eadd}.pf-saved{display:flex;align-items:center;border-bottom:1px solid #e5eadd}.pf-saved>a{display:flex;gap:11px;align-items:center;flex:1;min-width:0;padding:13px 0}.pf-saved-art{display:grid;place-items:center;width:45px;height:45px;background:#e4ead9;border-radius:10px;font:500 15px Manrope;color:#8a9b6c;flex:none}.pf-saved-info{flex:1;min-width:0}.pf-saved-info strong{display:block;font-size:11px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pf-saved-info small{display:block;font-size:8px;color:#93a080;margin-top:6px}.pf-saved>a>.pf-icon{width:15px;color:#8b9b74}.pf-saved>button{width:28px;height:32px;margin-left:8px;color:#a4ad98}.pf-saved>button .pf-icon{width:13px;height:13px}
.pf-loading,.pf-state{display:flex;min-height:400px;flex-direction:column;justify-content:center;align-items:center;text-align:center}.pf-loading p{font-size:11px;color:#899579;margin-top:18px}.pf-loader{width:28px;height:28px;border:2px solid #e0e7d4;border-top-color:#7c9650;border-radius:50%;animation:pf-spin .8s linear infinite}.pf-state-icon{height:60px;width:60px;display:grid;place-items:center;border-radius:50%;background:#e9f0dd;color:#7f9658;margin-bottom:22px}.pf-state h1{font-size:21px;letter-spacing:-.8px}.pf-state p{font-size:11px;color:#8c987d;line-height:1.9;margin:16px 0 23px}.pf-state .pf-btn+.pf-btn{margin-top:9px}.pf-error{margin:14px 18px 0;padding:12px;border:1px solid #e8ccbd;background:#f8eee7;border-radius:10px;font-size:10px;line-height:1.8;color:#98694c}.pf-error>button{display:block;text-decoration:underline;font-size:10px;margin-top:6px;padding:0;color:#785338}
.pf-editor{min-height:100%;background:#f8f9f5;padding-bottom:128px}.pf-editor-header{position:sticky;top:0;z-index:4;background:#f8f9f5f7;backdrop-filter:blur(12px);border-bottom:1px solid #e4e9db}.pf-editor-top{display:flex;align-items:center;padding:10px 16px 10px 11px;gap:7px}.pf-editor-heading{flex:1;min-width:0}.pf-editor-heading strong{display:block;font-size:12px;letter-spacing:-.4px}.pf-editor-heading>span{display:block;font-size:8px;color:#9aa48d;margin-top:5px;white-space:nowrap}.pf-editor-heading>span.is-dirty{color:#947344}.pf-save{font-size:11px;font-weight:700;color:#617b37;padding:8px 10px;border:1px solid #ccd9b5;border-radius:9px;background:#edf3e3}.pf-save:disabled{color:#9ca88b;background:#f0f3ea;border-color:#e2e8d8;opacity:.8}.pf-editor-modes{display:flex;gap:0;padding:0 19px}.pf-editor-modes>button{display:flex;align-items:center;justify-content:center;gap:6px;padding:13px 5px;font-size:11px;color:#99a38e;flex:1;border-bottom:2px solid transparent}.pf-editor-modes>button .pf-icon{width:15px;height:15px}.pf-editor-modes>button.active{color:#35492a;font-weight:700;border-bottom-color:#697f47}.pf-editor-modes>.pf-link-tool{flex:none;width:37px;margin-left:19px}.pf-editor-body{padding:16px 19px 0}.pf-title-field{margin-top:0!important}.pf-field{display:block;font-size:10px;color:#758363;font-weight:600;margin:17px 0}.pf-field>input,.pf-field>textarea{display:block;width:100%;background:#fff;border:1px solid #e0e6d7;border-radius:9px;padding:11px 12px;margin-top:7px;font-size:11px;line-height:1.65;color:#36442d;font-weight:400;outline-offset:2px}.pf-field>textarea{resize:vertical;min-height:95px}.pf-field input::placeholder,.pf-field textarea::placeholder{color:#a6b094}.pf-title-field>input{font-size:14px;font-weight:600;padding:12px}.pf-theme-heading{display:flex;align-items:center;justify-content:space-between;margin:22px 0 12px}.pf-theme-heading h2{font-size:12px;font-weight:600}.pf-theme-heading>span{font-size:7px;letter-spacing:1.3px;color:#a6af99}.pf-theme-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.pf-theme{padding:0 0 8px;text-align:left;border:1px solid #e1e7d8;border-radius:10px;overflow:hidden;background:#f9faf6}.pf-theme.selected{border-color:#7e9a4b;box-shadow:0 0 0 1px #7e9a4b}.pf-theme-swatch{display:block;height:56px;position:relative;background:#e8edde;padding:12px}.pf-theme-swatch i{display:block;width:21px;height:21px;background:#a4b492;border-radius:50%;position:absolute;left:11px;top:11px}.pf-theme-swatch b{position:absolute;height:4px;width:26px;left:41px;top:16px;background:#778c60;border-radius:4px}.pf-theme-swatch em{position:absolute;height:3px;width:18px;left:41px;top:25px;background:#b8c4a8;border-radius:3px}.pf-theme-swatch:after{content:'';position:absolute;left:11px;right:11px;bottom:10px;height:4px;border-radius:2px;background:#d0dbc1}.pf-swatch-night{background:#29332d}.pf-swatch-night i{background:#506c5c}.pf-swatch-night b{background:#d3e1bb}.pf-swatch-night em{background:#7c9784}.pf-swatch-night:after{background:#435746}.pf-swatch-paper{background:#f1e8d9}.pf-swatch-paper i{background:#cbb799}.pf-swatch-paper b{background:#978362}.pf-swatch-paper em{background:#c2b095}.pf-swatch-paper:after{background:#dfd1b9}.pf-theme-swatch>.pf-icon{position:absolute;right:5px;bottom:5px;border-radius:50%;background:#7e9a4b;color:#fff;padding:3px;width:17px;height:17px;z-index:1}.pf-theme>strong{font-size:10px;display:block;padding:8px 9px 0}.pf-theme>small{font-size:8px;display:block;padding:4px 9px 0;color:#9aa48c}.pf-block-hint{font-size:9px;color:#9aa78b;line-height:1.7;margin:-3px 0 12px}.pf-blocks{display:flex;flex-direction:column;gap:9px}.pf-block-editor{border:1px solid #e0e6d5;border-radius:12px;overflow:hidden;background:#fff;scroll-margin-top:117px}.pf-block-editor.is-open{border-color:#bccda2}.pf-block-toggle{display:flex;gap:10px;align-items:center;width:100%;text-align:left;padding:13px 12px}.pf-block-type{width:34px;height:34px;display:grid;place-items:center;background:#f0f4e8;color:#8c9e6e;border-radius:9px;flex:none}.pf-block-type .pf-icon{width:16px;height:16px}.pf-block-title{flex:1;min-width:0}.pf-block-title small{font-size:7px;letter-spacing:.6px;color:#9daa89;display:block;margin-bottom:5px}.pf-block-title strong{display:block;font-size:11px;font-weight:500;color:#4b5940;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pf-block-toggle>.pf-icon{width:14px;height:14px;color:#9aa88a}.pf-block-fields{padding:0 13px 10px;border-top:1px solid #edf0e6}.pf-block-tools{display:flex;align-items:center;margin-top:20px;padding-top:8px;border-top:1px solid #e8eddf;color:#9aa78a;gap:1px}.pf-order-label{font-size:9px;margin-right:5px}.pf-block-tools .pf-round{width:30px;height:30px;padding:7px}.pf-block-tools .pf-icon{width:15px;height:15px}.pf-tool-spacer{flex:1}.pf-danger{color:#a98b77}.pf-danger:hover{background:#f6eee7}.pf-add-block{display:flex;justify-content:center;align-items:center;gap:7px;border:1px dashed #b9cba0;color:#799252;border-radius:11px;padding:16px;width:100%;font-size:11px;font-weight:600;margin-top:13px;background:#f3f6ec}.pf-add-block:hover{background:#eaf0df}.pf-add-block .pf-icon{width:17px;height:17px}.pf-editor-note{text-align:center;font-size:9px;color:#a0ad90;line-height:1.85;margin:19px 0}.pf-publish-bar{position:absolute;bottom:17px;left:0;right:0;z-index:5;background:linear-gradient(180deg,#f8f9f500,#f8f9f5 14%);padding:24px 20px 12px;text-align:center}.pf-publish-bar>.pf-btn{background:#d7ee96;color:#344b26;font-size:11px;padding:14px}.pf-publish-bar>.pf-btn:hover{background:#cce581}.pf-publish-bar>span{font-size:8px;color:#8d9d79;display:block;margin-top:8px}.pf-field-note{font-size:8px;color:#97a58a;line-height:1.8;margin-top:-10px}.pf-credit-field{display:flex;gap:7px;margin-bottom:10px;align-items:end}.pf-credit-field>label{font-size:8px;color:#94a27e;flex:1;min-width:0}.pf-credit-field input{display:block;width:100%;border:1px solid #dfe7d3;border-radius:7px;padding:9px 8px;font-size:10px;color:#546446;margin-top:5px;background:#fcfdf9}.pf-credit-field>.pf-round{height:33px;width:25px;color:#a1ae8f}.pf-credit-field>.pf-round .pf-icon{width:13px}.pf-media-field{display:flex;gap:10px;align-items:center;margin-top:8px;padding:9px;background:#f3f6ec;border-radius:9px}.pf-media-field>img,.pf-media-empty{width:43px;height:43px;border-radius:7px;flex:none}.pf-media-empty{display:grid;place-items:center;background:#e6eddc;color:#8ca271}.pf-media-info{min-width:0}.pf-media-info strong{font-size:9px;font-weight:500;display:block;word-break:break-all}.pf-media-info small{font-size:8px;font-weight:400;color:#a1ae91;display:block;margin-top:6px}.pf-media-actions{display:flex;gap:6px;margin-top:7px;align-items:center}.pf-media-actions .pf-btn{min-height:34px;padding:8px 6px;font-size:9px;gap:4px;flex:1}.pf-media-actions .pf-icon{width:13px;height:13px}.pf-media-actions .pf-round{width:27px;height:27px;color:#a0ad8e}.pf-upload-label{position:relative;cursor:pointer;overflow:hidden}.pf-file-input{position:absolute;opacity:0;inset:0;width:100%;height:100%;cursor:pointer}.pf-upload-label:focus-within{outline:2px solid #78983b;outline-offset:3px}.pf-edit-audio{margin-top:9px!important;height:35px!important}.pf-preview-note{font-size:9px;color:#8a9a74;padding:11px 19px;display:flex;gap:6px;align-items:center;background:#edf3e3}.pf-preview-note .pf-icon{width:13px;height:13px}
.pf-document{--pf-bg:#f8f9f3;--pf-ink:#303d29;--pf-muted:#8c9b7b;--pf-line:#e0e7d6;--pf-soft:#eaf0df;--pf-accent:#d6eb99;background:var(--pf-bg);color:var(--pf-ink);padding-bottom:8px;overflow:hidden}.pf-theme-night{--pf-bg:#202c26;--pf-ink:#edf2e5;--pf-muted:#9db09d;--pf-line:#3a4c3e;--pf-soft:#314437;--pf-accent:#cadd9b;color-scheme:dark}.pf-theme-paper{--pf-bg:#f5eddf;--pf-ink:#574b38;--pf-muted:#a6967b;--pf-line:#e5d9c4;--pf-soft:#eae0cf;--pf-accent:#d8c5a5}.pf-profile-art{height:224px;position:relative;background:var(--pf-soft);overflow:hidden}.pf-profile-art>img{width:100%;height:100%;object-fit:cover;object-position:50% 36%}.pf-profile-art:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#16212f25,transparent 60%,#14272322)}.pf-profile-art-empty{height:100%;display:grid;place-items:center;font-size:110px;color:var(--pf-muted);font-weight:400}.pf-profile-label{position:absolute;z-index:1;top:20px;left:23px;font-size:8px;letter-spacing:1.7px;color:#fff;text-shadow:0 1px 5px #202d3840}.pf-profile-stamp{position:absolute;z-index:1;bottom:17px;right:21px;font-size:58px;line-height:1;color:var(--pf-accent);transform:rotate(14deg)}.pf-profile-copy{padding:27px 24px 24px}.pf-profile-role{font-size:8px;letter-spacing:.5px;color:var(--pf-muted)}.pf-profile-copy h1{font:600 31px/1.25 Manrope,'Noto Sans KR',sans-serif;letter-spacing:-1.3px;margin:8px 0 14px;overflow-wrap:anywhere}.pf-profile-bio{font-size:11px;line-height:1.95;white-space:pre-line;color:var(--pf-muted);overflow-wrap:anywhere}.pf-content-block{margin:0 24px;padding:25px 0;border-top:1px solid var(--pf-line)}.pf-content-kicker{font-size:7px;letter-spacing:1.6px;color:var(--pf-muted);font-weight:700;margin-bottom:16px}.pf-content-block h2{font-size:15px;line-height:1.5;letter-spacing:-.5px;overflow-wrap:anywhere}.pf-track-identity{display:flex;align-items:center;gap:12px}.pf-track-identity>img,.pf-track-placeholder{height:63px;width:63px;border-radius:9px;flex:none}.pf-track-placeholder{display:grid;place-items:center;background:var(--pf-soft);color:var(--pf-muted)}.pf-track-identity>div{flex:1;min-width:0}.pf-track-identity h2{font-family:Manrope,'Noto Sans KR',sans-serif;font-size:17px;letter-spacing:-.5px}.pf-track-identity p{font-size:9px;color:var(--pf-muted);margin-top:5px;overflow-wrap:anywhere}.pf-track-number{font-size:21px;color:var(--pf-muted)}.pf-audio{width:100%;height:37px;margin-top:15px;display:block;border-radius:20px;outline-offset:3px}.pf-audio::-webkit-media-controls-panel{background:#e9efde}.pf-theme-night .pf-audio::-webkit-media-controls-panel{background:#40533e}.pf-theme-paper .pf-audio::-webkit-media-controls-panel{background:#e9ddca}.pf-track-description,.pf-file-missing{font-size:10px;line-height:1.85;color:var(--pf-muted);margin-top:13px;white-space:pre-line;overflow-wrap:anywhere}.pf-story h2{font-size:16px;margin-bottom:13px}.pf-story>p{font-size:11px;line-height:2;white-space:pre-line;color:var(--pf-muted);overflow-wrap:anywhere}.pf-credits h2{margin-bottom:12px}.pf-credit{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--pf-line);font-size:10px}.pf-credit:last-child{border-bottom:0;padding-bottom:0}.pf-credit strong{font-weight:500;overflow-wrap:anywhere;max-width:45%}.pf-credit span{text-align:right;color:var(--pf-muted);font-size:9px;overflow-wrap:anywhere;flex:1}.pf-image-block{margin:6px 24px 24px}.pf-image-block>img{width:100%;max-height:430px;object-fit:cover;border-radius:12px}.pf-image-block figcaption{font-size:9px;color:var(--pf-muted);line-height:1.8;margin-top:10px;text-align:center;overflow-wrap:anywhere;white-space:pre-line}.pf-link-block{margin:12px 24px}.pf-link-block>a,.pf-invalid-link{display:flex;align-items:center;gap:9px;padding:15px 13px;border:1px solid var(--pf-line);border-radius:11px;font-size:10px;background:var(--pf-soft)}.pf-link-block>a:hover{filter:brightness(.97)}.pf-link-block>a>span{flex:1;overflow-wrap:anywhere}.pf-link-block .pf-icon{width:15px;height:15px;color:var(--pf-muted)}.pf-invalid-link{flex-wrap:wrap}.pf-invalid-link small{display:block;color:var(--pf-muted);font-size:8px}.pf-document-end{padding:27px 24px 28px;display:flex;justify-content:space-between;align-items:center;color:var(--pf-muted)}.pf-document-end>span{font:italic 11px Georgia,serif}.pf-document-end>strong{font:800 21px Manrope;letter-spacing:-1.7px;color:var(--pf-ink)}.pf-document-end>strong span{display:inline-block;font-size:20px;letter-spacing:0;margin-left:4px;font-weight:400}.pf-public-empty{padding:60px 24px;text-align:center;color:var(--pf-muted);font-size:12px}.pf-public-header{height:54px;padding:9px 23px 12px;display:flex;align-items:center;justify-content:space-between;background:#f8f9f5}.pf-public-brand{font:800 25px Manrope;letter-spacing:-1.8px}.pf-public-brand>span{font-size:23px;margin-left:4px;font-weight:400;letter-spacing:0}.pf-public-share{display:flex;align-items:center;gap:5px;font-size:9px;color:#849571;padding:8px}.pf-public-share>.pf-icon{width:14px;height:14px}.pf-public-cta{padding:21px 24px 25px;text-align:center;background:#eaf0df;border-top:1px solid #dfe8cf}.pf-public-cta p{font-size:10px;color:#889b6d;margin-bottom:11px}.pf-public-cta .pf-btn{font-size:11px;padding:12px}
.pf-overlay{position:absolute;z-index:30;inset:0;display:flex;align-items:flex-end;background:#1b291b66;backdrop-filter:blur(3px)}.pf-sheet{padding:13px 21px 26px;background:#f8f9f5;border-radius:24px 24px 0 0;width:100%;max-height:92%;overflow:auto;overscroll-behavior:contain;animation:pf-sheet-in .2s ease}.pf-handle{width:31px;height:4px;background:#d4dec6;border-radius:4px;margin:0 auto 18px}.pf-sheet-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.pf-sheet-head h2{font-size:19px;letter-spacing:-.8px}.pf-sheet-head>.pf-round{width:29px;height:29px;color:#8d9c7a}.pf-sheet-head>.pf-round .pf-icon{width:17px}.pf-sheet-intro{font-size:10px;line-height:1.9;color:#93a080;margin-bottom:20px;overflow-wrap:anywhere}.pf-sheet>.pf-btn+.pf-btn{margin-top:9px}.pf-add-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pf-add-grid>button{display:flex;flex-direction:column;align-items:flex-start;text-align:left;border:1px solid #dce5cf;background:#f0f5e7;border-radius:12px;padding:16px 13px;gap:7px}.pf-add-grid>button:hover{background:#e6efd9;border-color:#b6ca95}.pf-add-grid>button>span{display:grid;place-items:center;width:33px;height:33px;border-radius:9px;background:#e2ebd5;color:#89a263;margin-bottom:4px}.pf-add-grid>button>strong{font-size:12px;font-weight:600}.pf-add-grid>button>small{font-size:8px;color:#96a780;line-height:1.65}.pf-info-steps{margin-bottom:20px}.pf-info-steps p{font-size:10px;color:#96a284;line-height:1.9;padding:14px 0;border-bottom:1px solid #e1e8d6}.pf-info-steps p b{display:block;color:#5b7144;font-size:12px;font-weight:600;margin-bottom:5px}.pf-link-card{border:1px solid #dae4cc;border-radius:13px;background:#edf3e4;padding:14px;margin-bottom:13px}.pf-link-card-title{display:flex;gap:7px;align-items:center}.pf-link-card-title>.pf-icon{width:15px;height:15px;color:#789653}.pf-link-card-title strong{font-size:11px;color:#526c3c}.pf-link-card-title span{font-size:8px;margin-left:auto;color:#8ba472}.pf-link-card>p{font-size:9px;color:#90a278;line-height:1.85;margin:9px 0 12px}.pf-link-card>input,.pf-copy-fallback{display:block;width:100%;padding:10px 9px;border:1px solid #dce5d0;border-radius:7px;background:#fafcf6;font-size:9px;color:#859774;white-space:nowrap;text-overflow:ellipsis;margin-bottom:10px}.pf-link-card-actions{display:flex;gap:7px}.pf-link-card-actions .pf-btn{padding:10px 8px;font-size:9px;min-height:36px;gap:5px}.pf-link-card-actions .pf-btn .pf-icon{width:13px;height:13px}.pf-link-card>small{font-size:8px;color:#98a985;display:block;margin-top:9px}.pf-secret{background:#f5f3eb;border-color:#e5e1d0}.pf-secret .pf-link-card-title strong{color:#82754e}.pf-secret .pf-link-card-title>.pf-icon{color:#a8976e}.pf-secret>p{color:#a19476}.pf-secret>input{background:#fcfbf7;border-color:#e6e1d2;color:#9b906f}.pf-secret>.pf-btn{font-size:9px;background:#f9f7ef;border-color:#e0dac8;color:#8e805b;min-height:36px;padding:9px}.pf-text-button{font-size:9px;color:#a0907c;text-align:center;display:block;width:100%;padding:16px 0 0;text-decoration:underline;text-underline-offset:3px}.pf-sample-choices>button{display:flex;align-items:center;gap:12px;width:100%;border:1px solid #e0e7d5;border-radius:11px;padding:10px;margin-bottom:9px;text-align:left}.pf-sample-choices>button:hover{background:#eef4e5}.pf-sample-choices>button>img{width:49px;height:49px;object-fit:cover;border-radius:8px}.pf-sample-choices>button>span{flex:1}.pf-sample-choices>button strong{display:block;font-size:12px;font-family:Manrope,sans-serif}.pf-sample-choices>button small{display:block;font-size:9px;color:#97a680;margin-top:5px}.pf-sample-choices>button>.pf-icon{width:17px;color:#94a774}.pf-copy-fallback{font-size:10px;padding:13px;margin:18px 0}
.pf-import-card{margin-top:18px;padding:15px;border-radius:13px;border:1px solid #d4e1be;background:#eff5e5}.pf-import-card>div{display:flex;gap:10px;align-items:center}.pf-import-card>div>span{height:32px;width:32px;border-radius:50%;display:grid;place-items:center;background:#e0edc9;color:#839e59}.pf-import-card>div>span>.pf-icon{width:16px;height:16px}.pf-import-card small{font-size:8px;color:#96a780;display:block}.pf-import-card strong{font-size:12px;color:#52693d;display:block;margin-top:4px;overflow-wrap:anywhere}.pf-import-card p{font-size:9px;line-height:1.8;color:#94a67c;margin:11px 0}.pf-import-card .pf-btn{font-size:9px;min-height:36px;padding:10px;justify-content:space-between;background:#f8fbf2}.pf-import-card .pf-icon{width:14px;height:14px}
@keyframes pf-spin{to{transform:rotate(360deg)}}@keyframes pf-sheet-in{from{transform:translateY(25px);opacity:.6}to{transform:none;opacity:1}}
@media(max-width:480px){.pf-publish-bar{bottom:16px}.pf-profile-art{height:240px}.pf-page{padding-top:18px}.pf-sheet{padding-bottom:max(26px,env(safe-area-inset-bottom))}}@media(max-width:350px){.pf-page{padding-left:17px;padding-right:17px}.pf-steps{gap:6px;font-size:7px}.pf-editor-body{padding-left:14px;padding-right:14px}.pf-theme>small{font-size:7px}.pf-publish-bar{padding-left:15px;padding-right:15px}.pf-sample{height:210px}.pf-add-grid>button{padding:13px 10px}.pf-add-grid>button>small{font-size:7px}}

/* Music-first wireframe: one public page, a track's story, and a clear next step. */
.pf-hub .pf-sample{display:block}.pf-intro{font-size:13px;color:#6c7961}.pf-eyebrow{font-size:9px}.pf-btn{font-size:12px;min-height:44px}.pf-steps{font-size:9px;gap:7px}.pf-section-title h2{font-size:16px}.pf-section-title>span{font-size:11px}.pf-footnote{font-size:10px;color:#7e8b70}.pf-hub-empty p{font-size:12px}.pf-hub-empty span{font-size:11px}.pf-owned-list{display:grid;gap:12px}.pf-owned-card{border:1px solid #dce4d1;background:#fcfdf8;border-radius:15px;padding:14px}.pf-owned-heading{display:flex;align-items:center;gap:11px}.pf-owned-heading>.pf-round{color:#8e9a7f}.pf-saved-info strong{font-size:13px;line-height:1.5}.pf-saved-info small{font-size:11px;color:#768c60}.pf-owned-actions{display:flex;gap:8px;margin-top:13px}.pf-owned-actions .pf-btn{font-size:11px;min-height:40px;padding:10px 8px}.pf-import-card small{font-size:10px}.pf-import-card strong{font-size:14px}.pf-import-card p{font-size:11px;color:#738961}.pf-import-card .pf-btn{font-size:12px;min-height:43px}.pf-import-card{margin-top:20px;background:#eaf2db}.pf-field{font-size:12px;color:#61754e}.pf-field>input,.pf-field>textarea,.pf-field>select{font-size:13px;color:#35472b;min-height:44px}.pf-field>select{display:block;width:100%;margin-top:7px;padding:11px;border:1px solid #dde5d2;background:#fff;border-radius:9px;line-height:1.5;font-family:inherit;max-width:100%}.pf-field-note{font-size:10px;color:#7b8d6a}.pf-editor-heading strong{font-size:14px}.pf-editor-heading>span{font-size:10px}.pf-save{font-size:12px;min-height:38px}.pf-editor-modes>button{font-size:12px;min-height:44px}.pf-block-hint{font-size:11px;color:#7d8e6c}.pf-block-toggle{padding:15px 12px}.pf-block-title strong{font-size:13px}.pf-block-title small{font-size:10px;letter-spacing:.2px;color:#7d8f67}.pf-block-editor.pf-is-featured{border-color:#bccf9a;background:#fcfff5}.pf-block-editor.pf-is-featured>.pf-block-head .pf-block-type{background:#ddecba;color:#617f38}.pf-block-editor.pf-is-child{margin-left:13px;border-left:3px solid #dce7cb}.pf-block-tools .pf-round{min-width:36px;min-height:36px}.pf-order-label{font-size:11px}.pf-add-block{font-size:12px;min-height:48px}.pf-editor-note{font-size:10px;color:#7d8d6b}.pf-publish-bar>.pf-btn{font-size:12px;min-height:48px}.pf-publish-bar>span{font-size:10px}.pf-media-info strong{font-size:11px}.pf-media-info small{font-size:10px;color:#839573}.pf-media-actions .pf-btn{font-size:10px;min-height:38px}.pf-credit-field>label{font-size:10px}.pf-credit-field input{font-size:12px;min-height:42px}.pf-credit-entry{padding:8px 0 14px;border-bottom:1px solid #e7ecdf}.pf-credit-link{margin:4px 0 0;font-size:10px}.pf-credit-link select{font-size:11px;min-height:40px}.pf-tag-note{margin:12px 0 0}.pf-start-field{display:flex;gap:7px;margin:7px 0}.pf-start-field>input{width:82px;flex:none;background:#fff;border:1px solid #dce5d1;border-radius:8px;padding:10px;font-size:13px;color:#435638}.pf-start-field>.pf-btn{font-size:11px;min-height:43px}.pf-feature-toggle{display:flex;align-items:center;gap:8px;width:100%;padding:12px 10px;margin-top:15px;border:1px solid #dce5d0;border-radius:10px;color:#819269;background:#f7f9f1;font-size:11px;text-align:left}.pf-feature-toggle.selected{background:#e7f2cf;color:#4d692c;border-color:#c7dba8}.pf-feature-toggle>span{flex:1}.pf-feature-toggle>small{font-size:10px}.pf-style-details{margin:20px 0 10px;border:1px solid #dfe6d5;border-radius:12px;background:#f3f6ed;padding:0 12px}.pf-style-details>summary{display:flex;align-items:center;gap:7px;list-style:none;padding:14px 0;font-size:12px;color:#52673f;cursor:pointer}.pf-style-details>summary::-webkit-details-marker{display:none}.pf-style-details>summary>span{font-size:9px;color:#8a9b77;margin-left:auto}.pf-style-details>summary>.pf-icon{width:15px;height:15px}.pf-style-details[open]>summary{border-bottom:1px solid #e0e8d4;margin-bottom:13px}.pf-style-details>.pf-theme-options{margin-bottom:15px}.pf-appearance{display:grid;grid-template-columns:75px 1fr;align-items:center;gap:14px 7px;padding-bottom:15px;font-size:11px;color:#7b8d66}.pf-palette{display:flex;gap:11px}.pf-palette>button{height:33px;width:33px;display:grid;place-items:center;background:var(--swatch);border-radius:50%;border:2px solid #fff;color:#35432e;box-shadow:0 0 0 1px #dfe6d3}.pf-palette>button.selected{box-shadow:0 0 0 2px #6c8651}.pf-palette .pf-icon{width:16px;height:16px}.pf-font-options{display:flex;gap:5px}.pf-font-options>button{min-height:36px;font-size:10px;flex:1;border:1px solid #dbe5ce;border-radius:8px;padding:7px 5px;background:#fff;color:#83936e}.pf-font-options>button.selected{border-color:#8da46c;color:#4e643b;background:#e8f0dc}.pf-font-options>button:last-child{font-family:Georgia,'Noto Serif KR',serif}
.pf-profile-art{height:210px}.pf-profile-copy{padding-top:24px}.pf-profile-role{font-size:10px;line-height:1.6;color:#76876b}.pf-profile-copy h1{font-size:31px;margin-bottom:12px}.pf-profile-bio{font-size:12px;color:#718566;line-height:1.95}.pf-profile-actions{display:flex;gap:9px;align-items:center;margin-top:22px}.pf-profile-actions>.pf-primary{background:var(--pf-accent);color:#283b21;width:auto;flex:1;min-height:44px}.pf-contact-share{height:44px;width:44px;border:1px solid var(--pf-line);border-radius:11px;color:var(--pf-ink)}.pf-theme-night .pf-profile-role,.pf-theme-night .pf-profile-bio{color:#acc1a8}.pf-theme-paper .pf-profile-role,.pf-theme-paper .pf-profile-bio{color:#92836a}.pf-content-kicker{font-size:9px;letter-spacing:1.3px;margin-bottom:15px}.pf-featured-label{display:inline-flex;align-items:center;gap:7px;color:var(--pf-ink)}.pf-featured-label>.pf-icon{width:14px;height:14px;color:var(--pf-muted)}.pf-track-identity>img,.pf-track-placeholder{width:68px;height:68px;object-fit:cover}.pf-track-identity h2{font-size:19px}.pf-track-identity p{font-size:11px;line-height:1.5}.pf-listen-start{display:flex;align-items:center;gap:7px;width:100%;padding:11px 12px;font-size:11px;margin-top:16px;background:var(--pf-soft);border:1px solid var(--pf-line);color:var(--pf-ink);border-radius:10px;min-height:42px;text-align:left}.pf-listen-start .pf-icon{width:15px;height:15px}.pf-listen-start>span{font-family:Manrope,sans-serif;font-size:10px;color:var(--pf-muted);margin-left:auto}.pf-audio{height:42px;margin-top:10px}.pf-track-description{font-size:12px;color:var(--pf-muted);line-height:1.95}.pf-track-details{margin-top:18px;border-top:1px solid var(--pf-line)}.pf-track-details>summary{display:flex;align-items:center;gap:7px;font-size:11px;padding:15px 0 0;cursor:pointer;color:var(--pf-ink);list-style:none}.pf-track-details>summary::-webkit-details-marker{display:none}.pf-track-details>summary>span{font:10px Manrope;color:var(--pf-muted);margin-left:auto}.pf-track-details>summary>.pf-icon{height:14px;width:14px;color:var(--pf-muted)}.pf-track-details[open]>summary>.pf-icon{transform:rotate(180deg)}.pf-track-story{margin-top:20px;border-left:2px solid var(--pf-line);padding-left:15px}.pf-track-story .pf-content-block{margin:0;padding-top:20px;padding-bottom:20px}.pf-track-story .pf-content-block:first-child{border-top:0;padding-top:0}.pf-track-story .pf-image-block,.pf-track-story .pf-link-block{margin:13px 0}.pf-story>p{font-size:12px}.pf-story h2{font-size:16px}.pf-story>p.pf-lyrics{font-family:Georgia,'Noto Serif KR',serif;line-height:2.3;white-space:pre-wrap}.pf-credits h2{font-size:15px}.pf-credit{font-size:12px}.pf-credit span{font-size:10px}.pf-credit>button{display:inline-flex;align-items:center;gap:4px;max-width:48%;text-align:left;font-size:12px;overflow-wrap:anywhere;color:var(--pf-ink)}.pf-credit>button>.pf-icon{width:12px;height:12px;flex:none;color:var(--pf-muted)}.pf-image-block figcaption{font-size:11px}.pf-link-block>a{font-size:12px;line-height:1.6}.pf-link-block>a>span>small{font:8px Manrope,sans-serif;display:block;color:var(--pf-muted);letter-spacing:1.2px;margin-bottom:3px}.pf-public-share{font-size:11px;min-height:40px;color:#6c8257}.pf-sample-badge{font-size:9px;margin-left:auto;margin-right:5px;background:#e9efdf;color:#7a8a68;border-radius:20px;padding:5px 8px}.pf-owner-toolbar{display:flex;align-items:center;gap:9px;padding:10px 22px;font-size:10px;background:#eaf1de;border-top:1px solid #e0e8d6;color:#71875d}.pf-owner-toolbar>span{margin-right:auto}.pf-owner-toolbar>a,.pf-owner-toolbar>button{display:flex;align-items:center;gap:4px;min-height:30px;font-size:10px}.pf-owner-toolbar .pf-icon{width:13px;height:13px}.pf-public-cta p{font-size:12px}.pf-font-serif .pf-profile-copy h1,.pf-font-serif .pf-content-block h2,.pf-font-serif .pf-story>p{font-family:Georgia,'Noto Serif KR','Batang',serif}.pf-font-serif .pf-profile-copy h1{font-weight:500}
.pf-sheet-head h2{font-size:19px}.pf-sheet-intro{font-size:12px;color:#768765;line-height:1.9}.pf-sheet>.pf-field{font-size:12px}.pf-add-grid>button>small{font-size:10px;color:#7f9567}.pf-add-grid>button>strong{font-size:13px}.pf-link-card-title strong{font-size:12px}.pf-link-card-title span{font-size:10px}.pf-link-card>p{font-size:11px;color:#7a8f62}.pf-link-card>input{font-size:10px;min-height:40px}.pf-link-card-actions .pf-btn{font-size:10px;min-height:40px}.pf-link-card>small{font-size:10px}.pf-secret>p{color:#8e8060}.pf-secret>.pf-btn{font-size:11px;min-height:40px}.pf-text-button{font-size:11px;padding:18px 0 3px}.pf-template-grid{display:grid;gap:10px;margin-bottom:13px}.pf-template-grid>button,.pf-import-options>button{display:flex;align-items:center;gap:12px;width:100%;border:1px solid #dce6ce;background:#f2f6e9;border-radius:13px;padding:11px;text-align:left}.pf-template-grid>button>img{width:57px;height:68px;object-fit:cover;border-radius:8px}.pf-template-grid>button>span,.pf-import-options>button>span{flex:1;min-width:0}.pf-template-grid strong,.pf-import-options strong{font-size:13px;line-height:1.6;display:block;color:#4b6238}.pf-template-grid small,.pf-import-options small{font-size:10px;line-height:1.7;display:block;color:#8b9d76;margin-top:5px}.pf-template-grid .pf-icon,.pf-import-options .pf-icon{width:16px;height:16px;color:#8da472}.pf-import-options{display:grid;gap:10px;margin-bottom:16px}.pf-import-options>button{min-height:75px;padding:16px 12px}.pf-inquiry-note{margin:9px 0 16px;line-height:1.9}.pf-demo-inquiry{margin-top:13px}.pf-demo-label{font-size:10px;color:#8a9978;text-align:center;line-height:1.8;margin-top:10px}.pf-participant-card{text-align:center;padding:10px 0}.pf-participant-avatar{height:85px;width:85px;display:grid;place-items:center;border-radius:50%;background:#e7efda;color:#8b9c73;margin:0 auto 16px;overflow:hidden}.pf-participant-avatar>img{width:100%;height:100%;object-fit:cover}.pf-participant-card h3{font-size:22px;color:#3a5130}.pf-participant-card p{font-size:12px;margin-top:8px;color:#7d9366}.pf-participant-bio{display:block;font-size:12px;line-height:1.95;color:#8b9c79;white-space:pre-line;margin:22px 0}.pf-story-canvas-wrap{width:220px;max-width:100%;margin:0 auto 20px;border-radius:15px;overflow:hidden;border:1px solid #d6dfca;box-shadow:0 8px 24px #2c422216}.pf-story-canvas{width:100%;height:auto;display:block;aspect-ratio:9/16}.pf-story-buttons{display:flex;gap:8px;position:sticky;bottom:-26px;background:#f8f9f5;padding:10px 0 14px}.pf-story-buttons>.pf-btn{flex:1;font-size:11px;padding:12px 8px}.pf-info-steps p{font-size:12px;color:#849572}.pf-info-steps p b{font-size:13px}.pf-preview-note{font-size:11px}.pf-error{font-size:12px}.pf-state p{font-size:13px}.pf-state h1{line-height:1.6}
@media(max-width:350px){.pf-hub-head h1{font-size:24px}.pf-steps{font-size:8px;gap:5px}.pf-profile-copy,.pf-content-block{margin-left:18px;margin-right:18px}.pf-profile-copy{padding-left:0;padding-right:0}.pf-style-details>summary>span{font-size:8px}.pf-appearance{grid-template-columns:65px 1fr}.pf-palette{gap:8px}.pf-template-grid strong{font-size:12px}.pf-owned-actions .pf-btn{font-size:10px}}